/***
 * Background Image CSS auto generate by PHP Image Packager
 * http://blog.win-ing.cn by Katana
 ***/
/* Image: ../images/icons.png?0805 */
/* Image: ../images/icons_act.png?0805 */
/* Image: ../images/icons_disable.png?0805 */
#SCENES_PRELOADER {
  position: absolute;
  top: -1000px;
  overflow: hidden;
  height: 10px;
}
#SCENES_PRELOADER b {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
}
#SCENES_PRELOADER a {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
}
.G-frameHeadTitle .nav-menu-title {
  font-size: 18px !important;
}
.text-muted {
  color: #bbb;
}
.valign-t {
  vertical-align: top;
}
.is-disabled,
.disabled {
  opacity: 0.75;
}
.M-tab.cool .uk-tab {
  padding: 0px !important;
}
.M-tab.cool li {
  font-size: 14px;
  text-align: center;
}
.M-tab.cool li a {
  margin: 0px;
  padding: 8px 40px;
  border: none;
  border-bottom: 2px solid transparent;
}
.M-tab.cool .uk-active a {
  border-bottom-color: #1F5AA3;
  background: none !important;
}
.M-header {
  height: 50px;
  padding-bottom: 0px;
  background: #fff;
  border-bottom: 1px solid #ececec;
  width: 100%;
  padding-right: 28px;
}
.M-header.shadow {
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
}
.M-headerLogo {
  float: left;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 20px;
  width: 160px;
}
.M-headerLogo img {
  margin-top: 9px;
}
.M-headerMenu {
  float: left;
  height: 50px;
  display: none;
}
.M-headerMessage {
  float: right;
  height: 50px;
}
.M-headerLanguage {
  float: right;
  height: 50px;
}
.M-headerSetting {
  float: right;
  height: 50px;
}
.M-headerAccount {
  float: right;
  height: 50px;
}
.M-headerMonitor {
  float: right;
  height: 50px;
}
.M-headerQuestion {
  float: right;
  height: 50px;
}
.M-headerToolbar {
  float: right;
  height: 50px;
}
.M-headerSwitchProduct {
  float: right;
  height: 50px;
  margin-right: -28px;
}
.M-logo {
  text-align: center;
  padding: 10px 0 0px;
  position: relative;
}
.M-logo .smaller {
  display: none;
}
.M-logo .angle {
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -8px;
  border-right-color: #fff;
  border-width: 7px;
}
.M-message {
  float: right;
  position: relative;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  color: #C0C7CD;
  margin: 0px 10px;
}
.M-messageBtnCon {
  position: relative;
  cursor: pointer;
}
.M-messageBtnCon.act {
  color: #A1A1A1;
}
.M-messageBtnCon:hover .ico {
  color: #A1A1A1;
}
.M-messageBtnCon:hover .count {
  background: #de0d06;
  color: #FFFFFF;
}
.M-messageBtnCon .ico {
  font-size: 18px;
  vertical-align: middle;
  cursor: pointer;
}
.M-messageBtnCon .ico:hover {
  color: #A1A1A1;
}
.M-messageBtnCon .count {
  position: absolute;
  right: -8px;
  top: 10px;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  background: #ce3939;
  color: #FFFFFF;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  font-style: normal;
}
.M-messageBtnCon .count:hover {
  background: #de0d06;
}
.M-messageBtnCon .count.more {
  line-height: 10px;
}
.M-messageContentCon {
  min-height: 60px;
}
.M-messageContentCon .itemCon {
  border-bottom: 1px solid #D7D7D7;
  cursor: pointer;
}
.M-messageContentCon .itemCon:hover {
  background: #F9F9f9;
}
.M-messageContentCon .itemCon .item {
  display: inline-block;
  width: 235px;
  word-break: break-all;
  padding: 12px 15px;
}
.M-messageContentCon .itemCon .item > .itemTitle {
  font-weight: bold;
}
.M-messageContentCon .itemCon .item > .itemIco {
  font-size: 13px;
  padding-right: 5px;
  color: #999;
  vertical-align: 1px;
}
.M-messageContentCon .itemCon .item:hover .itemIco {
  color: #07d;
}
.M-messageContentCon .itemCon .ignore {
  display: inline-block;
  padding: 12px 0;
  text-align: center;
  width: 55px;
  vertical-align: top;
}
.M-messageContentCon .itemCon .ignore span {
  color: #999;
  cursor: pointer;
}
.M-messageContentCon .itemCon .ignore span:hover {
  color: #059;
  text-decoration: underline;
}
.M-messageContentCon .itemCon:nth-last-child(1) {
  border-bottom: none;
}
.M-messageContentCon .empty {
  line-height: 60px;
  text-align: center;
}
.M-messageContentCheckBtn {
  width: 100%;
  height: 40px;
  background: #f2f2f2;
  line-height: 40px;
  text-align: center;
}
.M-account {
  float: right;
  position: relative;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  color: #C0C7CD;
  margin: 0px 10px;
}
.M-accountBtnCon .ico {
  font-size: 18px;
  vertical-align: middle;
  cursor: pointer;
}
.M-accountBtnCon .ico:hover {
  color: #A1A1A1;
}
.M-accountBtnCon.act {
  color: #A1A1A1;
}
.M-question {
  float: right;
  position: relative;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  color: #C0C7CD;
  margin: 0px 10px;
}
.M-questionBtnCon .ico {
  font-size: 18px;
  vertical-align: middle;
  cursor: pointer;
}
.M-questionBtnCon .ico:hover {
  color: #A1A1A1;
}
.M-questionBtnCon.act {
  color: #A1A1A1;
}
.M-questionList {
  padding: 0;
  margin: 10px 0;
  text-align: center;
  position: relative;
}
.M-questionList li {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.M-questionList li a {
  color: #a1a1a1;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.M-questionList li a:hover {
  text-decoration: none;
}
.M-questionList li:hover {
  background: #F4F4F4;
}
.M-questionList li:hover a {
  color: #444444;
}
.M-questionList li:hover .M-questionListSub {
  display: block;
}
.M-questionListSub {
  display: none;
  position: absolute;
  left: 100px;
  top: -10px;
  background: #fff;
  padding: 10px 0;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.M-questionListSub .option {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  width: 100px;
  text-indent: 15px;
  color: #a1a1a1;
  text-align: left;
}
.M-questionListSub .option i {
  margin-left: 5px;
}
.M-questionListSub .option:hover {
  color: #444444;
  background: #F4F4F4;
}
.M-questionListSub > i {
  position: absolute;
  left: -14px;
  top: 15px;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -132px -213px;
  width: 20px;
  height: 20px;
}
.M-languageBtnCon > div {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
}
.M-languageBtnCon > div > i {
  display: inline-block;
  vertical-align: 0px;
  width: 16px;
  height: 11px;
  margin-right: 10px;
}
.M-languageBtnCon > div > em {
  border-width: 4px;
  margin-left: 5px;
  vertical-align: -2px;
}
.M-languageList > li > a {
  text-align: left;
  text-indent: 10px;
}
.M-languageList > li > a > i {
  display: none;
  vertical-align: 0px;
  width: 16px;
  height: 11px;
  margin-right: 10px;
  margin-left: 12px;
}
.M-languageCN {
  background: url(../images/language/zh-cn.png) no-repeat;
  display: inline-block !important;
}
.M-languageEN {
  background: url(../images/language/en-us.png) no-repeat;
  display: inline-block !important;
}
.M-languageHK {
  background: url(../images/language/zh-hk.png) no-repeat;
  display: inline-block !important;
}
.M-languageTW {
  background: url(../images/language/zh-tw.png) no-repeat;
  display: inline-block !important;
}
.M-switchProduct {
  padding-left: 20px;
  padding-right: 10px;
  border-left: 1px solid #ececec;
}
.M-switchProductList > li > a {
  text-align: left;
  text-indent: 10px;
}
.M-userToolbar {
  float: right;
  position: relative;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  color: #C0C7CD;
  margin-left: 10px;
}
.M-userToolbarConBox {
  position: relative;
  min-width: 145px;
  _width: 145px;
  float: right;
  height: 50px;
  line-height: 50px;
  color: #a1a1a1;
  cursor: pointer;
  margin-left: 10px;
  border-left: 1px solid #ececec;
  padding-left: 20px;
}
.M-userToolbarConBox .resultCon {
  float: right;
  height: 50px;
}
.M-userToolbarConBox .resultCon .email {
  vertical-align: middle;
  line-height: 50px;
  text-align: right;
  font-size: 14px;
}
.M-userToolbarConBox .resultCon .email.act {
  line-height: 25px !important;
}
.M-userToolbarConBox .btnCon {
  margin-left: 14px;
  float: right;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}
.M-userToolbarConBox .btnCon .ico {
  font-size: 19px;
  vertical-align: middle;
}
.M-userToolbarConBox .btnCon em {
  font-size: 12px;
}
.M-userToolbarConBox:hover {
  color: #7B7B7B;
}
.M-userToolbarConBox.act {
  color: #a1a1a1;
}
.M-userToolbarConUserInfo {
  border-bottom: 1px solid #cdcdcd;
}
.M-userToolbarConAmount {
  border-bottom: 1px solid #cdcdcd;
}
.M-userToolbarConUserlist {
  width: 100%;
}
.M-userToolbarCon .changeCon {
  cursor: pointer;
  margin-left: 5px;
  margin-top: 15px;
  height: 35px;
}
.M-userInfoDetailCon {
  font-size: 14px;
  padding: 10px 20px;
}
.M-userInfoDetailCon div.infoCon {
  margin: 0 0 10px 0;
}
.M-userInfoDetailCon div.infoCon strong {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}
.M-userInfoDetailCon div.infoCon em {
  color: #555;
  font-style: normal;
  margin-left: 20px;
}
.M-userInfoDetailCon div.infoCon span {
  padding: 0;
  margin-right: 30px;
}
.M-userInfoDetailCon div.infoCon b {
  font-size: 12px;
  margin: 0;
  font-weight: normal;
}
.M-userInfoDetailCon div.operateCon {
  min-height: 20px;
}
.M-userInfoDetailCon div.operateCon span.logout {
  float: right;
  cursor: pointer;
}
.M-userInfoDetailCon div.operateCon span.logout i {
  margin-right: 2px;
}
.M-userInfoDetailCon div.operateCon span.logout:hover {
  color: #1d6fa5;
}
.M-userInfoDetailCon div.operateCon span.goBack {
  float: left;
}
.M-userInfoDetailCon div.operateCon ul.opList {
  float: left;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  height: 1.2em;
  margin-bottom: 10px;
}
.M-userInfoDetailCon div.operateCon ul.opList li {
  display: block;
  float: left;
  height: 1.2em;
  padding: 0 13px;
  overflow: hidden;
  line-height: 1em;
  margin: 0 0 0 -1px;
  border-left: 1px solid #30aeeb;
}
.M-userInfoDetailCon div.operateCon ul.opList li a {
  color: #498fca;
}
.M-userInfoDetailCon div.operateCon ul.opList li a:hover {
  color: #3399ff;
}
.M-userInfoDetailCon div.operateCon ul.opList li:nth-child(1) {
  padding: 0 13px 0 0;
  border-left: none;
}
.M-userAmountDetailCon {
  font-size: 14px;
  padding: 10px 20px;
}
.M-userAmountDetailCon ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.M-userAmountDetailCon ul li {
  color: #555;
  line-height: 30px;
}
.M-userAmountDetailCon ul p {
  margin: 0 0 0 4px;
  float: none;
  text-align: left;
  display: inline-block;
}
.M-userAmountDetailCon ul span {
  color: #555;
  font-size: 16px;
}
.M-userAmountDetailCon ul em {
  color: #555;
  font-style: normal;
}
.M-userAmountDetailCon ul span.red {
  color: #c30;
}
.M-userlistDetailCon .userCon p.current {
  margin: 0;
  padding: 10px 20px;
  font-size: 14px;
}
.M-userlistDetailCon .userCon p.current .goBack {
  color: #3498db;
  display: inline-block;
  width: 160px;
  vertical-align: middle;
}
.M-userlistDetailCon .userCon p.current .logout {
  cursor: pointer;
}
.M-userlistDetailCon .userCon p.current .logout:hover {
  color: #1d6fa5;
}
.M-userlistDetailCon .userCon p.tips,
.M-userlistDetailCon .userCon p.tipsLoad {
  text-align: center;
  padding: 10px 20px;
  margin: 0;
  font-size: 14px;
  background: #EEEEEE;
  display: none;
}
.M-userlistDetailCon .searchCon {
  height: 44px;
  text-align: center;
  line-height: 40px;
  position: relative;
}
.M-userlistDetailCon .searchCon input {
  width: 90%;
  background: #F7F7F7;
  border-color: #F7F7F7;
  border-radius: 0px;
}
.M-userlistDetailCon .searchCon input:focus {
  background: none;
  border-color: #9cd5f5;
}
.M-userlistDetailCon .searchCon i {
  position: absolute;
  color: #C7C7C7;
  right: 28px;
  top: 15px;
  font-size: 14px;
  cursor: pointer;
  font-style: normal;
}
.M-userlistDetailCon .searchCon i:hover {
  color: #888;
}
.M-userlistDetailCon .searchCon i.cancel {
  top: 1px;
  font-size: 20px;
  right: 26px;
}
.M-userlistDetailCon .searchCon i.do {
  cursor: default;
}
.M-userlistDetailCon .heightClass {
  height: 300px;
}
.M-userlistDetailCon .listCon {
  max-height: 400px;
}
.M-userlistDetailCon .listCon ul {
  margin: 0;
  padding: 0;
}
.M-userlistDetailCon .listCon ul li {
  height: 50px;
  border-top: 1px solid #ececec;
  line-height: 20px;
  padding: 5px 20px;
  font-size: 13px;
  color: #AAAAAA;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  color: #b1b1b1;
}
.M-userlistDetailCon .listCon ul li strong {
  color: #555555;
}
.M-userlistDetailCon .listCon ul li em {
  font-style: normal;
}
.M-userlistDetailCon .listCon ul li:hover {
  background: #F5F5F5;
}
.M-userlistDetailCon .listCon ul .hoverClass {
  background: #F5F5F5;
}
.M-userlistDetailCon .listCon ul .selectClass {
  display: none!important;
  background: #ce3939;
  color: #FFFFFF;
  cursor: default;
}
.M-userlistDetailCon .listCon ul .selectClass strong {
  color: #FFFFFF;
}
.M-userlistDetailCon .listCon ul .selectClass:hover {
  background: #ce3939;
}
.M-userlistDetailConSitelistIcon .changeIcon {
  color: #a1a1a1;
  font-size: 13px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
}
.M-userlistDetailConSitelistIcon .changeColor {
  color: #646464;
  background-color: #F4F4F4;
}
.M-switch {
  font-size: 1.2em;
  color: #a1a1a1;
  cursor: pointer;
}
.M-switch ul {
  padding: 10px 0;
  background: #1C3438;
  text-align: center;
}
.M-switch ul.act {
  background: #ab0000;
}
.M-switch ul.act a {
  color: #FFFFFF;
}
.M-switch li {
  width: 100%;
}
.M-switch li a {
  font-size: 14px;
  text-decoration: none;
  color: #a1a1a1;
  display: inline-block;
}
.M-switch li a:hover {
  color: #FFFFFF;
}
.M-switch li a i {
  font-size: 20px;
  margin-right: 8px;
  vertical-align: middle;
}
.M-switch li a .name {
  vertical-align: middle;
}
.M-switch li a .alias {
  display: none;
}
.M-switch li.act {
  display: none;
}
.M-switch li.act_hide {
  display: none;
}
.M-nav {
  -moz-user-select: none;
}
.M-navGroup {
  margin: 0;
  padding: 0;
  display: none;
}
.M-navGroup > li {
  position: relative;
  text-align: left;
}
.M-navGroup > li > a {
  color: #d6d6d6;
  position: relative;
  display: block;
  padding: 10px 8px;
  font-size: 13px;
}
.M-navGroup > li > a > i {
  display: inline-block;
  font-size: 17px;
  vertical-align: top;
  margin-left: 7px;
}
.M-navGroup > li > a > span {
  padding-left: 10px;
}
.M-navGroup > li > a > .alias {
  display: none;
}
.M-navGroup > li > a > em {
  display: inline-block;
  width: 4px;
  height: 100%;
  background: #D62436;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}
.M-navGroup > li:hover {
  background-color: rgba(250, 250, 250, 0.1);
}
.M-navGroup > li:hover > a,
.M-navGroup > li:hover .hasSub {
  text-decoration: none;
  color: #ffffff;
}
.M-navGroup > li .subGroup {
  margin: 0;
  padding: 0;
  background-color: #17232c;
  display: none;
  text-indent: 5px;
}
.M-navGroup > li .subGroup > li {
  position: relative;
}
.M-navGroup > li .subGroup > li > a {
  color: #d6d6d6;
  position: relative;
  display: block;
  padding: 8px 0 8px 40px;
  font-size: 13px;
}
.M-navGroup > li .subGroup > li > a > em {
  display: inline-block;
  width: 4px;
  height: 100%;
  background: #D62436;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}
.M-navGroup > li .subGroup > li > a > span {
  font-size: 12px;
}
.M-navGroup > li .subGroup > li > a > .alias {
  display: none;
}
.M-navGroup > li .subGroup > li:hover {
  background-color: rgba(250, 250, 250, 0.1);
}
.M-navGroup > li .subGroup > li:hover > a {
  text-decoration: none;
  color: #ffffff;
}
.M-navGroup > li .subGroup .active {
  background-color: #070506 !important;
  color: #ffffff;
}
.M-navGroup > li .subGroup .active > a,
.M-navGroup > li .subGroup .active > i {
  color: #ffffff;
}
.M-navGroup > li .subGroup .active > a > em {
  display: inline-block;
}
.M-navGroup > li .subGroup .active > ul {
  display: block;
}
.M-navGroup > li .hasSubIcon {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 10px;
  color: #d6d6d6;
}
.M-navGroup > li .hasSubIcon:hover {
  color: #ffffff;
}
.M-navGroup > .active {
  background-color: #070506 !important;
  color: #ffffff;
}
.M-navGroup > .active > a,
.M-navGroup > .active > i {
  color: #ffffff;
}
.M-navGroup > .active > a > em {
  display: inline-block;
}
.M-navGroup .open {
  background-color: rgba(250, 250, 250, 0.1);
}
.M-navGroup .open > ul {
  display: block;
}
.M-navGroup .open > a {
  color: #ffffff;
}
.M-navGroup .open > a > em {
  display: none;
}
.M-navAdd {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
}
.M-navAdd .icon {
  display: block;
  background: none;
}
.M-navAdd .icon i {
  color: #b6bac1;
}
.M-navAdd:hover .icon {
  background: none;
}
.M-navAdd:hover .icon i {
  color: #fff;
}
.M-navAdd:hover .title {
  display: none;
}
.P-masterCustomerReportEdit .M-formCon {
  padding: 10px 10px 30px 10px;
}
.P-masterCustomerReportEdit .M-commonFormContentItem {
  display: table;
  width: 100%;
}
.P-masterCustomerReportEdit .M-commonFormContentItemLabel {
  display: table-cell;
  width: 12%;
  text-align: right;
  padding-right: 15px;
}
.P-masterCustomerReportEdit .M-commonFormContentItemDiv {
  display: table-cell;
  width: 88%;
}
.P-masterCustomerReportEdit .chargeType {
  width: 80px;
  height: 28px;
  background: #fff;
  display: inline-block;
  text-indent: 8px;
  line-height: 28px;
  vertical-align: middle;
  border: 1px solid #E3E3E3;
}
.P-masterCustomerReportEdit .chargeAmount {
  width: 80px;
}
.P-masterCustomerReportEdit .moreRulesBtn {
  margin-left: 20px;
  cursor: pointer;
  color: #498fca;
  padding: 0 5px;
  margin-right: 0px;
}
.P-masterCustomerReportEdit .moreRulesBtn i {
  display: inline-block;
  margin: 0 6px -2px;
}
.P-masterCustomerReportEdit .moreRulesBtn:hover {
  color: #3399ff;
}
.P-masterCustomerReportEdit .darkCon {
  background-color: #E4E4E4;
  padding: 10px 0;
}
.P-masterCustomerReportEdit .totalPremiumTitle {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}
.P-masterCustomerReportEdit .totalPremiumTitle span {
  font-weight: normal;
  margin-left: 20px;
  cursor: pointer;
  color: #498fca;
  padding: 0 5px;
  margin-right: 0px;
}
.P-masterCustomerReportEdit .totalPremiumTitle span:hover {
  color: #3399ff;
}
.P-masterCustomerReportEdit .refreshBtn {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -1px;
  margin-left: 10px;
}
.P-moreRuleCon {
  padding-top: 10px;
}
.P-moreRuleChannelWin .M-commonRadioGroup label {
  display: inline-block;
  width: 97px;
  padding: 0 20px 0 5px;
  line-height: 30px;
}
.P-moreRuleChannelWin .act {
  color: #2FAEEB;
}
.P-moreRuleSpotWin .content {
  position: relative;
}
.P-moreRuleSpotWin .content .showSelect {
  position: absolute;
  left: 350px;
  top: 5px;
  z-index: 100;
  cursor: pointer;
}
.P-moreRuleSpotWin .ctrlBnt {
  display: block !important;
}
.P-selectInput .M-commonDropdown {
  border-right: none;
}
.M-commonSLC {
  border: 1px solid #ccc;
}
.M-commonSLC input {
  margin: -3px 5px 0 10px;
}
.M-commonSLC label {
  line-height: 20px;
  cursor: pointer;
  vertical-align: 2px;
}
.M-commonSLCButtons {
  background: #F0F0F0;
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #bbb;
}
.M-commonSLCButtons a {
  cursor: pointer;
  margin-right: 4px;
  font-size: 110%;
}
.M-commonSLCHead {
  height: 30px;
  background: #F0F0F0;
  margin: 0;
  padding: 0;
}
.M-commonSLCHead > li {
  display: block;
  float: left;
  height: 25px;
  padding: 5px 20px 0 0;
  color: #333;
}
.M-commonSLCHead > li.act {
  font-weight: 600;
}
.M-commonSLCHead > span {
  line-height: 30px;
  display: block;
  text-align: center;
}
.M-commonSLCZone {
  border-top: 1px solid #ccc;
  min-height: 30px;
  background: #F2F2F2;
}
.M-commonSLCZone.alt {
  background: #F8F8F8;
}
.M-commonSLCZoneHead {
  display: block;
  float: left;
  width: 13%;
  height: 30px;
  line-height: 30px;
  color: #777;
  font-weight: 600;
}
.M-commonSLCZoneBody {
  margin: 0;
  padding: 0;
  display: block;
  margin-left: 13%;
  position: relative;
}
.M-commonSLCItem {
  position: relative;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  width: 16%;
}
.M-commonSLCItemHead {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.M-commonSLCItemHead .tips {
  display: inline-block;
  vertical-align: -3px;
  margin: 0 0 0 10px;
  vertical-align: -1px;
  cursor: pointer;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -73px 0;
  width: 16px;
  height: 16px;
}
.M-commonSLCItem.hasSub .ico {
  vertical-align: sub;
  margin-left: 2px;
  display: none;
}
.M-commonSLCItem.act > div {
  height: 28px;
  border: 1px solid #aaa;
  background: #fff;
  z-index: 3;
  border-top: none;
  border-bottom: none;
  position: relative;
  line-height: 30px;
  margin: 0 -1px;
}
.M-commonSLCItem.act > ul {
  display: block;
}
.M-commonSLCSubCount {
  display: none;
  position: absolute;
  right: 0px;
  top: 4px;
  border-radius: 4px;
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  background: #67CFFF;
  color: #fff;
}
.M-commonSLCSub {
  display: none;
  position: absolute;
  top: 27px;
  border: 1px solid #aaa;
  padding: 0 5px 5px 0;
  z-index: 2;
  background: #fff;
  width: 200%;
  left: -1px !important;
}
.M-commonSLCSub li {
  display: inline-block;
  width: 45%;
  height: 25px;
  padding-top: 5px;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.M-commonSLCSub li label {
  display: inline;
}
.M-commonSLCMongoAppClass .M-commonSLCHead,
.M-commonSLCChannelClass .M-commonSLCHead {
  display: none;
}
.M-commonSLCChannelClass .M-commonSLCHead {
  display: block;
}
.M-commonNewSLC {
  border: 1px solid #ccc;
  width: 890px;
  color: #6C6C6C;
}
.M-commonNewSLC input {
  margin: -3px 5px 0 10px;
}
.M-commonNewSLC label {
  line-height: 20px;
  cursor: pointer;
  vertical-align: 2px;
}
.M-commonNewSLCButtons {
  background: #F8F8F8;
  text-align: right;
  height: 40px;
  line-height: 40px;
  padding-right: 0px;
  float: right;
}
.M-commonNewSLCButtons a {
  cursor: pointer;
  margin-right: 10px;
  font-size: 110%;
  color: #659BBC;
}
.M-commonNewSLCSearch {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
.M-commonNewSLCSearch .searchInput {
  width: 180px;
}
.M-commonNewSLCSearch em {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -15px;
  cursor: pointer;
}
.M-commonNewSLCSearch .do {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -32px -213px;
  width: 30px;
  height: 30px;
}
.M-commonNewSLCSearch .undo {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -62px -213px;
  width: 30px;
  height: 30px;
  display: none;
  right: 26px;
}
.M-commonNewSLCHead {
  float: left;
  height: 40px;
  line-height: 40px;
}
.M-commonNewSLCHead > li {
  display: block;
  float: left;
  width: 80px;
  position: relative;
}
.M-commonNewSLCHead > li.act {
  font-weight: 600;
}
.M-commonNewSLCHead > li.act:after {
  width: 80px;
  height: 4px;
  background: #659BBC;
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
}
.M-commonNewSLCHead > span {
  line-height: 30px;
  display: block;
  text-align: center;
}
.M-commonNewSLCBody {
  width: 888px;
}
.M-commonNewSLCZone {
  border-top: 1px solid #ccc;
  min-height: 30px;
  background: #FFF;
  clear: both;
}
.M-commonNewSLCZoneHead {
  display: block;
  float: left;
  width: 155px;
  padding-left: 4px;
  line-height: 36px;
}
.M-commonNewSLCZoneHead label {
  font-weight: 600;
}
.M-commonNewSLCZoneBody {
  display: block;
  margin-left: 160px;
}
.M-commonNewSLCItem {
  position: relative;
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  width: 120px;
}
.M-commonNewSLCItem.act > ul {
  display: block;
}
.M-commonNewSLCItem.act > em {
  display: block;
}
.M-commonNewSLC .hasSub > .M-commonNewSLCItemHead label {
  color: #659BBC;
}
.M-commonNewSLC .highlight {
  background: #ccc;
  font-weight: bold;
}
.M-commonNewSLCSubTriangle {
  height: 0;
  width: 0;
  overflow: hidden;
  content: " ";
  border-width: 5px;
  border-color: transparent transparent #659BBC transparent ;
  border-style: solid;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 30px;
  display: none;
}
.M-commonNewSLCSubCount {
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
  border-radius: 4px;
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  background: #67CFFF;
  color: #fff;
}
.M-commonNewSLCSub {
  display: none;
  position: absolute;
  top: -1px;
  border: solid #659BBC;
  border-width: 1px 0 0 0;
  z-index: 101;
  background: #FFFFFF;
  padding-top: 2px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
.M-commonNewSLCSub:before {
  height: 0;
  width: 0;
  overflow: hidden;
  content: " ";
  border-width: 5px;
  border-color: transparent transparent #659BBC transparent ;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 30px;
  top: -11px;
}
.M-commonNewSLCSub li {
  display: inline-block;
  width: 100px;
  float: left;
  position: relative;
}
.M-commonNewSLCSub li.act > ul {
  display: block;
}
.M-commonNewSLCItem > .M-commonNewSLCSub {
  background: #F8F8F8;
}
.M-commonNewSLCItem > .M-commonNewSLCSub:before {
  display: none;
}
.M-commonColumnWithThumbnail {
  display: inline-block;
  vertical-align: middle;
}
.M-commonColumnWithThumbnail img {
  float: left;
}
.M-commonColumnWithThumbnail span {
  height: 50px;
  line-height: 50px;
}
.M-commonColumnWithThumbnail span i {
  vertical-align: middle;
}
.M-commonColumnWithThumbnail span a {
  vertical-align: middle;
}
.M-commonListHeader {
  margin-bottom: 20px;
}
.M-commonListHeaderTitle {
  font-size: 19px;
  vertical-align: middle;
}
.M-commonFormHeader {
  margin-bottom: 20px;
}
.M-commonFormHeaderTitle {
  font-size: 19px;
  vertical-align: middle;
}
.M-commonFormContent {
  padding: 20px;
  background: #F5F5F5;
}
.M-commonFormContentItem {
  margin: 0 0 20px;
}
.M-commonFormContentItem label {
  font-size: 14px;
  width: 90px;
  text-align: right;
  margin-right: 10px;
  display: inline-block;
}
.M-commonFormContentItem input {
  width: 300px;
}
.M-commonFormContentButtons {
  text-align: center;
}
.M-commonFilter {
  position: relative;
  float: left;
}
.M-commonFilterLabel {
  display: block;
  float: left;
  position: relative;
  height: 28px;
  line-height: 30px;
  padding: 0 18px 0 10px;
  border: 1px solid #d9d9d9;
  margin-right: 10px;
  background-color: #fff;
  text-decoration: none!important;
  color: #333;
  cursor: default;
  white-space: nowrap;
  cursor: pointer;
  z-index: 100;
}
.M-commonFilterLabel i {
  position: absolute;
  top: 10px;
  right: 5px;
}
.M-commonFilterLabel i:hover {
  color: #059;
}
.M-commonFilterLabel .filterCancel {
  display: none;
}
.M-commonFilter .label_act {
  z-index: 102;
  border-bottom: 1px solid #fff;
}
.M-commonFilterCon {
  display: none;
  position: absolute;
  z-index: 101;
  top: 24px;
  left: 0px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  padding: 10px;
  padding-right: 40px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.M-commonFilterCon .filterList {
  margin-top: 10px;
  min-width: 300px;
}
.M-commonFilterCon .filterList a {
  position: relative;
  float: left;
  display: block;
  height: 18px;
  line-height: 17px;
  padding: 0px 2px 0px;
  margin-right: 18px;
  white-space: nowrap;
  zoom: 1;
  color: #1d7ad9;
  margin-bottom: 5px;
  text-decoration: none!important;
}
.M-commonFilterCon .filterList a .filter_x {
  display: none;
}
.M-commonFilterCon .filterList a:hover {
  color: #FFF;
  background-color: #2FAEEB;
}
.M-commonFilterCon .filterList .select_act {
  color: #FFF;
  background-color: #2FAEEB;
}
.M-countryClient .M-commonSLCHead {
  display: none;
}
.M-countryClient .M-commonSLCBody {
  margin-top: -1px;
}
.M-countryClient .hasSub {
  float: none;
  padding: 0;
  height: auto;
  width: auto;
}
.M-countryClient .hasSub > div {
  background: #eee;
  font-weight: 700;
  color: #000;
}
.M-countryClient .hasSub > ul {
  display: block;
  position: static;
  border: none;
  width: auto;
}
.M-countryClient .hasSub > ul > li {
  width: 13%;
}
.M-countryClient .hasSub > span {
  right: auto;
  left: 13%;
}
.M-countryClientHideLevel .M-commonSLCZoneHead {
  display: none;
}
.M-countryClientHideLevel .M-commonSLCZoneBody {
  margin-left: 0;
}
.M-countryClientHideLevel .M-commonSLCZoneBody {
  background-color: #FFF;
}
.M-countryClientHideLevel .M-commonSLCItemHead {
  display: none;
}
.M-countryClientHideLevel .M-commonSLCItem {
  display: inline-block;
}
@media screen and (max-width: 1350px) {
  .M-commonSLCItem {
    width: 18%;
  }
}
.M-moduleNetScence .M-commonSLCZone {
  border: none;
  background: #fff;
}
.M-moduleNetScence .act {
  border: none;
  background: #fff;
}
.M-moduleNetScence .M-commonSLCHead {
  display: none;
}
.M-moduleNetScence .M-commonSLC {
  border: none;
}
.M-moduleNetScence .M-commonSLCZoneHead {
  display: none;
}
.M-moduleNetScence .M-commonSLCZoneBody {
  margin-left: 0;
  border: 1px solid #ccc;
  background-color: #fff;
  min-height: 30px;
}
.M-buttonAdd {
  color: #FFF;
  padding: 1px 5px;
  text-align: center;
  background-color: #D62436;
  cursor: pointer;
}
.M-buttonAdd:hover {
  background-color: #D62436;
}
.M-buttonText {
  display: none;
  color: #D62436;
  font-size: 14px;
  cursor: pointer;
}
.M-uploader {
  overflow: hidden;
}
.M-uploaderInput {
  margin-right: 10px;
  padding: 8px 35px;
}
.M-uploaderTips {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
}
.M-uploaderProgress {
  display: none;
  margin: 10px 0;
  font-size: 12px;
  text-align: left;
}
.M-uploaderProgress .countCon {
  width: 36px;
  height: 18px;
  margin-right: 10px;
  display: inline-block;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
}
.M-uploaderProgress .barCon {
  height: 6px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
}
.M-uploaderProgress .barCon .bar {
  width: 0;
  height: 6px;
  border-radius: 4px;
  -moz-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
.M-uploaderAssistBar {
  min-width: 60px;
  height: 4px;
  border-radius: 4px;
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
}
.M-uploaderAssistBar .bar {
  margin-top: 5px;
  width: 0px;
  height: 4px;
  border-radius: 4px;
  -moz-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
.M-uploaderAssistDesc {
  text-align: left;
}
.M-uploaderAssistDesc .done {
  font-size: 30px;
}
.M-uploaderAssistButton {
  text-align: left;
}
.M-uploaderAssistButton span {
  margin-top: 5px;
  display: inline-block;
}
.M-uploaderCover {
  overflow: hidden;
  margin-bottom: 10px;
}
.M-uploaderCoverThumb {
  float: left;
  margin-right: 10px;
  text-align: center;
  height: 160px;
  width: 160px;
  line-height: 160px;
  overflow: hidden;
  background: #F8F8F8;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 2px inset;
}
.M-uploaderCoverThumb img {
  width: 100%;
  height: 100%;
}
.M-uploaderCoverStatus {
  float: left;
}
.M-uploaderWhisky li {
  list-style-type: none;
}
.M-uploaderWhiskyLayoutColumn {
  margin-right: 10px;
  vertical-align: top;
  display: inline-block;
}
.M-uploaderWhiskyThumb {
  width: 600px;
  min-height: 100px;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  border: 1px solid #CCC;
  background-color: #EBEAE8;
  background-image: none!important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
}
.M-uploaderWhiskyInfo {
  overflow: hidden;
  width: 600px;
  margin-bottom: 10px;
}
.M-uploaderWhisky .status {
  text-align: right;
}
.M-uploaderPTC {
  margin-bottom: 10px;
  display: inline-table;
}
.M-uploaderPTC li {
  list-style-type: none;
}
.M-uploaderPTCLayoutColumn {
  vertical-align: top;
  margin-right: 10px;
}
.M-uploaderPTCClose {
  top: -66px;
  left: 2px;
  position: relative;
  font-size: 16px;
  cursor: pointer;
}
.M-uploaderCreative {
  margin-bottom: 10px;
}
.M-uploaderCreative li {
  list-style-type: none;
}
.M-uploaderCreativeLayoutColumn {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.M-uploaderCreativeName {
  margin-bottom: 5px;
}
.M-uploaderCreativeThumb {
  display: inline-block;
  width: 65px;
  height: 80px;
  overflow: hidden;
  line-height: 80px;
  border: 1px solid #CCC;
  background-color: #F8F8F8;
  background-image: none!important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
}
.M-uploaderCreativeThumb img {
  width: 65px;
  vertical-align: middle;
}
.M-uploaderCreativeInfo {
  margin-bottom: 5px;
}
.M-linked {
  display: inline-block;
  vertical-align: top;
}
.M-linkedBox {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 20px;
}
.M-linkedBox .delete {
  position: absolute;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  padding: 0;
  top: -6px;
  right: -6px;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -20px -64px;
  width: 9px;
  height: 9px;
  cursor: pointer;
}
.M-linkedBox .image {
  width: 100px;
  height: 100px;
  border-radius: 2px;
  border: 1px solid #DCDCDC;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px inset;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.M-linkedBox .image img {
  height: 90px;
  margin-top: 5px;
}
.M-linkedBox .title {
  color: #999;
  margin-top: 5px;
  max-width: 100px;
  font-weight: bold;
  overflow-y: hidden;
  text-align: center;
  word-break: break-word;
  text-overflow: ellipsis;
}
.M-formNotifyContentTitle {
  color: #7E7E7E;
  line-height: 2.3em;
  text-indent: 1em;
  font-size: 20px;
  text-shadow: #ffffff 1px 1px 0;
  text-align: left;
  letter-spacing: 0;
  font-size: 25px;
}
.M-formNotifySuccessImage {
  text-align: center;
}
.M-formNotifySuccessImage > b {
  display: block;
  margin: 0 auto 0;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: 0 -100px;
  width: 85px;
  height: 85px;
}
.M-formNotifyTitle {
  text-align: center;
  color: #48A904;
  font-size: 60px;
  line-height: 1.2em;
}
.M-formNotifyDesc {
  padding-left: 35%;
}
.M-formNotifyDesc .desc {
  text-align: left;
  line-height: 25px;
}
.M-formNotifyDesc .listTitle {
  line-height: 25px;
}
.M-formNotifyDesc .list {
  margin: 0;
  display: block;
  padding-left: 25px;
  width: 850px;
}
.M-formNotifyDesc .list > li {
  display: list-item;
  list-style: disc;
  line-height: 25px;
}
.M-formNotifyOperate {
  text-align: center;
}
.M-formSectionWraper {
  clear: both;
  padding: 15px 0;
}
.M-formSectionContainer {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 15px;
  position: relative;
}
.M-formSectionContainer .clearBox {
  height: initial;
  width: initial;
}
.M-formSectionLine {
  position: relative;
  line-height: 30px;
  min-height: 30px;
  margin-bottom: 20px;
  clear: both;
}
.M-formSectionLabel {
  font-size: 14px;
  width: 70px;
  text-align: right;
  position: absolute;
}
.M-formSectionItemWrap {
  margin-left: 80px;
}
.M-formSectionItem {
  display: inline-block;
  position: relative;
}
.M-formSectionItemPrefix {
  display: block;
  position: absolute;
  left: 5px;
  top: 2px;
}
.M-formSectionItem label input {
  margin-right: 0;
  margin-left: 0;
}
.M-formSectionItem label + label {
  margin-left: 15px;
}
.M-formSectionTips {
  display: inline-block;
  margin-left: 15px;
}
.M-formHead {
  line-height: 30px;
  padding-bottom: 10px;
}
.M-formHead::before {
  content: ' ';
  display: table;
}
.M-formHead::after {
  clear: both;
  content: ' ';
  display: table;
}
.M-formHeadTitle {
  font-size: 19px;
  vertical-align: middle;
}
.M-formHeadDesc {
  font-size: 14px;
}
.M-formSection::before {
  content: ' ';
  display: table;
}
.M-formSection::after {
  clear: both;
  content: ' ';
  display: table;
}
.M-formSectionTitle {
  font-size: 16px;
  vertical-align: middle;
  padding: 0;
  padding: 20px 0;
}
.M-formSectionDesc {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 25px;
}
.M-formSectionDesc ul {
  list-style: inherit;
  margin-left: 30px;
  font-size: 13px;
}
.M-formSectionDesc ul li {
  display: list-item;
  list-style: disc;
  line-height: 25px;
}
.M-formCon {
  background-color: #F5F5F5;
  padding: 10px 50px 30px 10px;
}
.M-formConGroup {
  width: 100%;
  margin: 20px 0;
  min-height: 25px;
}
.M-formConGroup::before {
  content: ' ';
  display: table;
}
.M-formConGroup::after {
  clear: both;
  content: ' ';
  display: table;
}
.M-formConGroup .group-label {
  float: left;
  width: 15%;
  min-width: 100px;
  text-align: right;
  font-size: 14px;
}
.M-formConGroup .group-content {
  float: left;
  vertical-align: top;
  width: 80%;
  padding-left: 15px;
}
.M-formButtons {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.M-formButtons::before {
  content: ' ';
  display: table;
}
.M-formButtons::after {
  clear: both;
  content: ' ';
  display: table;
}
.M-formButtons.floated {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #fff;
  height: 60px;
  line-height: 30px;
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #DFDFDF;
  z-index: 100;
}
.M-Select {
  position: relative;
  display: inline-block;
}
.M-SelectInput {
  font-size: 12px;
}
.M-SelectIcon i {
  display: inline-block;
  vertical-align: sub;
}
.M-SelectDrop {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.M-SelectDropDom {
  font-size: 12px;
}
.M-SelectDropIcon i {
  display: inline-block;
  vertical-align: sub;
}
.M-SelectTag {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.M-SelectTagCon {
  font-size: 12px;
}
.M-SelectTagIcon i {
  display: inline-block;
  vertical-align: sub;
}
.M-checkBoxGroup {
  width: auto;
}
.M-checkBoxGroup input[type='checkbox'] {
  position: relative;
  top: 0px;
}
.M-checkBoxGroupHeader {
  background: #fff;
  padding: 8px 5px;
  height: 30px;
}
.M-checkBoxGroupHeaderOperatorBox {
  padding: 0px 0 0 15px;
}
.M-checkBoxGroupHeaderOperatorBox .content {
  min-width: 40px;
  text-align: left;
  margin: 0 5px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.M-checkBoxGroupBody .content {
  padding: 0;
  width: 120px;
  text-align: left;
  margin: 0 5px 5px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.M-checkBoxGroupBody .content > label {
  width: 100%;
}
.M-radioGroup {
  width: auto;
}
.M-radioGroup .body .content {
  width: 120px !important;
  text-align: left !important;
  margin: 0 5px 10px 0px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0px !important;
}
.M-radioGroup .body .content > label {
  margin-right: 5px;
}
.M-Select {
  position: relative;
  display: inline-block;
}
.M-SelectInput {
  font-size: 12px;
}
.M-SelectIcon i {
  display: inline-block;
  vertical-align: sub;
}
.M-SelectDrop {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.M-SelectDropDom {
  font-size: 12px;
}
.M-SelectDropIcon i {
  display: inline-block;
  vertical-align: sub;
}
.M-SelectTag {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.M-SelectTagCon {
  font-size: 12px;
}
.M-SelectTagIcon i {
  display: inline-block;
  vertical-align: sub;
}
.M-inExTips {
  padding: 8px 0;
}
.M-inExConBox {
  width: 400px;
  height: 300px;
  border: 1px solid #DDD;
  display: inline-block;
  background: #FFF;
}
.M-inExConBoxTitle {
  background: #ececec;
  height: 35px;
  line-height: 35px;
  font-weight: bold;
  text-align: center;
}
.M-inExConBoxInclude {
  position: relative;
  height: 300px;
}
.M-inExConBoxIncludeContent {
  position: relative;
  padding-bottom: 10px;
}
.M-inExConBoxExcute {
  position: relative;
  height: 300px;
}
.M-inExConBoxExcuteContent {
  position: relative;
  padding-bottom: 10px;
}
.M-inExBtnBig {
  display: block;
  margin: 10px auto;
  width: 95%;
  height: 40px;
  line-height: 40px;
  background: #eee;
  border: none;
  color: #444;
  cursor: pointer;
}
.M-inExBtnSmall {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #eee;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}
.M-inExBtnBig:focus {
  outline: none;
}
.M-inExRepeat {
  display: block;
  width: 95%;
  margin: 10px auto;
  border: 1px dashed #DDD;
  margin-top: 25px;
}
.M-inExRepeatBox {
  position: relative;
}
.M-inExRepeatBoxLeft {
  display: inline-block;
  width: 70%;
  padding-left: 5px;
}
.M-inExRepeatBoxRight {
  display: inline-block;
  width: 20%;
  height: 100%;
}
.M-inExRepeatBoxRight .orCon {
  height: 30px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.M-inExRepeatBoxRight .orCon .orText {
  position: relative;
  top: -1px;
}
.M-inExRepeatBoxItem {
  padding: 0 5px;
  height: 28px;
  line-height: 28px;
  margin-top: 5px;
  background: #eaf4fd;
}
.M-inExRepeatBoxItem .remove {
  font-size: 16px;
  cursor: pointer;
}
.M-inExRepeatBoxWord {
  position: relative;
  height: 0px;
  overflow: visible;
  left: 0px;
  bottom: 28px;
}
.M-inExRepeat:first-child {
  margin-top: 10px !important;
}
.M-tree {
  width: 100%;
  font-size: 12px;
}
.M-tree ul {
  padding: 0;
  margin: 0;
}
.M-treeBox {
  width: 45%;
  height: 353px;
  background: #fff;
  border: 1px solid #ddd;
  float: left;
}
.M-treeBoxTitle {
  display: block;
  font-weight: normal;
  font-size: 16px;
  padding: 10px 0;
}
.M-treeSelect {
  display: inline-block;
  width: 100%;
}
.M-treeSelect .M-tabBody > div,
.M-treeSelect .M-tabButtonBody > div {
  padding: 0;
}
.M-treeSelect .uk-tab > li {
  width: 25%;
}
.M-treeSelect .uk-tab > li:first-child a {
  border-left: none;
}
.M-treeSelect .uk-tab > li:last-child a {
  border-right: none;
}
.M-treeSelect .uk-tab > li > a {
  border-top: none;
  text-align: center;
}
.M-treeSelectTabHead {
  display: none;
  background: #f5f5f5;
}
.M-treeSelectTabBtns {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.M-treeSelectTabBtns a {
  padding-left: 10px;
}
.M-treeSelectTabSearch {
  padding: 5px 0px 5px 24px;
  border-bottom: 1px solid #DDD;
}
.M-treeSelectTabSearch .M-commonSearch {
  display: inline-block;
}
.M-treeSelectTabBox {
  box-sizing: border-box;
  width: 100%;
  height: 280px;
}
.M-treeSelectTabCont {
  box-sizing: border-box;
  padding: 5px 20px 20px;
}
.M-treeSelectTabContBox {
  display: none;
}
.M-treeSelectTabContBox .hasSub,
.M-treeSelectTabContBox .noSub {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: url(../icons/close.png) no-repeat left center;
}
.M-treeSelectTabContBox .noSub {
  width: 0;
  background: none;
}
.M-treeSelectTabContBox .openStatus {
  background: url(../icons/open.png) no-repeat left center !important;
}
.M-treeSelectTabContBox .item {
  padding: 3px 0;
}
.M-treeSelectTabContBox .itemLabel input {
  margin: -3px 2px 0 5px;
}
.M-treeSelectTabContBox .selectedInfo {
  color: #CCC;
}
.M-treeSelectTabContBoxSub {
  display: none;
  padding-left: 30px !important;
}
.M-treeSelectTabCount {
  position: absolute;
  bottom: 0;
  width: auto;
  height: 20px;
  background: #67cfff;
  right: 20px;
  line-height: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0 4px;
  text-align: center;
  color: #fff;
  display: none;
}
.M-treeArrow {
  float: left;
  padding-left: 20px;
  height: 353px;
  line-height: 353px;
  width: 10%;
  text-align: center;
}
.M-treeArrow i {
  border-width: 20px;
  border-left-color: #eaeaea;
}
.M-treeResult {
  float: left;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
.M-treeResultTitle {
  width: 100%;
  height: 35px;
  line-height: 35px;
  background: #eee;
  border-bottom: 1px solid #ddd;
}
.M-treeResultTitle input {
  position: relative;
  top: 2px;
  left: -2px;
}
.M-treeResultTitle label {
  margin-right: 10px;
}
.M-treeResultCon {
  position: relative;
  height: 351px;
}
.M-treeResultConBox {
  padding: 20px !important;
}
.M-treeResultConBox .item {
  display: block;
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
  background: #eaf4fd;
  margin-bottom: 6px;
}
.M-treeResultConBox .resultText {
  display: inline-block;
  width: 95%;
}
.M-treeResultConBox .remove {
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
.M-treeResultConCount {
  position: absolute;
  bottom: 0;
  width: auto;
  height: 20px;
  background: #67cfff;
  right: 20px;
  line-height: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0 4px;
  text-align: center;
  color: #fff;
  display: none;
}
.M-treeResultConLogic {
  padding-left: 20px;
}
.M-treeResultConLogic .btn-active {
  background: #67cfff;
  color: #fff;
}
.M-timeZoneSchedule {
  margin: 10px 0 0 0px;
  position: relative;
  min-width: 750px;
}
.M-timeZoneScheduleTable table {
  border-spacing: 0;
  border: 1px solid #CCC;
}
.M-timeZoneScheduleTable th {
  border-bottom: 1px solid #DDD;
  background: #f8f8f8;
}
.M-timeZoneScheduleTable th.buttonsDiv {
  padding: 9px 10px 9px 0;
}
.M-timeZoneScheduleTable th.buttonsDiv a {
  cursor: pointer;
  margin-left: 5px;
  font-weight: normal;
  font-size: 110%;
}
.M-timeZoneScheduleTable th.range {
  cursor: pointer;
  color: #000;
  padding: 9px 0 9px 8px;
}
.M-timeZoneScheduleTable th i {
  font-style: normal;
  font-weight: normal;
  display: block;
  float: left;
  width: 15px;
  height: 20px;
  margin: 0 2px;
  cursor: pointer;
  font-size: 10px;
  overflow: hidden;
  line-height: 19px;
}
.M-timeZoneScheduleTable td {
  border: 1px solid #EEE;
  border-width: 1px 1px 0 0;
  font-weight: bold;
  background: #ffffff;
  white-space: normal;
  padding: 8px;
  line-height: 15px;
  border-bottom: 1px solid #DDD;
}
.M-timeZoneScheduleTable td.all_day {
  cursor: pointer;
  color: #000;
}
.M-timeZoneScheduleTable td.checkcon {
  width: 100px;
}
.M-timeZoneScheduleTable td .checkbox {
  display: block;
  float: left;
  width: 15px;
  height: 20px;
  background: #eaeaea;
  margin: 0 2px;
  cursor: pointer;
}
.M-timeZoneScheduleTable td .checkbox.act {
  background: #eaeaea url(../icons/gou.png) no-repeat center center;
}
.M-ipAddress {
  border: 1px solid #ccc;
  background: #fff;
  max-width: 900px;
}
.M-ipAddressTitle {
  padding: 10px;
  background: #f8f8f8;
}
.M-ipAddressBox {
  padding: 5px 0;
}
.M-ipAddressBoxItem {
  padding: 5px 0 0 20px;
}
.M-extraPolicyButton .btn {
  display: inline-block;
  width: 90px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  background: #eeeeee url(../icons/arrowDown.png) no-repeat right center;
}
.M-extraPolicyGrid {
  padding-top: 15px;
}
.M-extraPolicyGrid .txtElis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.M-extraPolicyGrid table {
  width: 850px;
  border: 1px solid #ECEAEA;
}
.M-extraPolicyGrid tr {
  border-bottom: 1px solid #ECEAEA;
}
.M-extraPolicyGrid thead tr {
  text-align: center;
}
.M-extraPolicyGrid thead th {
  padding: 8px 15px;
  background: #F7F5F5;
  border-bottom: 1px solid #ECEAEA;
}
.M-extraPolicyGrid td {
  text-align: left;
  height: 40px;
  padding: 0 15px;
  background: #FFF;
  border: 1px solid #EEE;
}
.M-extraPolicyGrid .tdType {
  text-align: center;
}
.M-extraPolicyGrid .tdContent span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 500px;
}
.M-extraPolicyGrid .tdContent .timeIn {
  vertical-align: top;
  display: inline-block;
  padding: 8px 0;
}
.M-extraPolicyGrid .tdContent .timeInCon {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  padding: 8px 0;
  display: inline-block;
  width: 520px;
}
.M-extraPolicyGrid .tdPrice {
  text-align: center;
}
.M-extraPolicyGrid .tdPrice input {
  line-height: 24px;
}
.M-extraPolicyGrid .tdOperation {
  text-align: center;
}
.M-extraPolicyGrid .priceIpt {
  width: 50px;
  height: 28px !important;
}
.M-commonScale {
  position: relative;
  min-height: 100px;
}
.M-commonScaleBar {
  position: absolute;
  bottom: 30px;
  left: 0px;
  height: 10px;
  /*border: 1px solid #ccc;*/

  border-radius: 5px;
  z-index: 2;
}
.M-commonScaleColorLine {
  position: absolute;
  height: 10px;
  border-radius: 5px;
}
.M-commonScaleCtr {
  /*position: absolute;
		top: -3px;
		border: 1px solid #aaa;
		background: #f0f0f0;
		height: 14px;
		width: 18px;
		border-radius: 4px;
		cursor: pointer;

		&:hover {
			background: #f7f7f7;
		}*/

  cursor: pointer;
  top: -7px;
  width: 20px;
  height: 20px;
  font-size: 10px;
  position: absolute;
  border-radius: 1em;
  text-align: center;
  border: 1px solid #dcdcda;
  box-shadow: rgba(0, 0, 0, 0.05) 1px 1px 1px inset;
  background-color: #fff;
}
.M-commonScaleCtr:after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  font-size: 0;
  content: " ";
  display: block;
  overflow: hidden;
  position: absolute;
  border-radius: 8px;
  background: #adadad;
  border: 1px solid #a5a5a5;
}
.M-commonScaleTips {
  position: absolute;
  bottom: 20px;
  border-radius: 5px;
  background: #adeeff;
  padding: 10px;
  white-space: nowrap;
  color: #fff;
  min-width: 30px;
  cursor: pointer;
}
.M-commonScaleTips span {
  display: block;
  text-align: center;
  font-size: 12px;
}
.M-commonScaleTipsArrow {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -16px;
  margin-left: -5px;
  border: solid transparent;
  border-width: 8px 5px;
  border-top-color: #adeeff;
  overflow: hidden;
  height: 0px;
  width: 0px;
}
.M-commonScale .front {
  z-index: 900;
}
.M-commonRuler {
  position: absolute;
}
.M-commonRuler .curCon {
  position: absolute;
  text-align: center;
  top: 1px;
  color: #bfbfbf;
}
.M-commonRuler .curCon .line {
  display: inline-block;
  width: 1px;
  background: #bfbfbf;
}
.M-commonRuler .ruler {
  height: 18px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.M-chartTip {
  height: 120px;
  text-align: center;
}
.M-chartEmpty {
  font-size: 16px;
  line-height: 120px;
}
.M-chartAdvMain {
  position: relative;
  clear: both;
}
.M-chartAdvDateBox {
  float: right;
  margin-bottom: 10px;
}
.M-chartAdvModeBox .simple2 .form-element-extra {
  background: #FFFFFF;
}
.M-chartAdvModeBox .simple2 .result {
  color: #333;
  border-color: #cccccc;
  padding-left: 7px;
  padding-right: 7px;
  border-right-width: 0px;
  transition: none;
}
.M-chartAdvModeBox .simple2 .arrow {
  padding-left: 0px;
  padding-right: 7px;
  border-left-width: none;
  border-color: #cccccc;
}
.M-chartAdvModeBox .simple2 .arrow i {
  border-width: 4px;
}
.M-chartAdvIndexBox {
  float: left;
}
.M-chartAdvTimeBox {
  float: right;
  margin-right: 5px;
}
.M-chartAdvRefreshBox {
  float: right;
}
.M-chartAdvRefreshBox .refNormal {
  height: 30px;
  padding: 0 9px;
  vertical-align: top;
  min-height: 25px;
  line-height: 25px;
  border-radius: 4px;
  width: 30px;
  background-color: #eee;
}
.M-chartAdvRefreshBox .refNormal:focus {
  outline: 0;
}
.M-chartAdvRefreshBox .refNormal:hover {
  background-color: #f5f5f5;
}
.M-chartAdvTitleBox {
  font-size: 14px;
  margin: 6px auto 0;
  display: inline-block;
}
.M-chartAdvChart {
  clear: both;
  margin-top: 10px;
}
.M-chartAdvGrid {
  clear: both;
  display: none;
}
.M-chartAdvCollapse {
  position: relative;
  margin-bottom: 5px;
}
.M-chartAdvCollapse:hover em {
  top: 3px;
  left: 50%;
  margin: 0 0 0 -6px;
  position: absolute;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border-top-color: #fff;
}
.M-chartAdvCollapse:hover b {
  border-width: 0 9px 15px 9px;
  border-color: transparent #535B5E transparent transparent;
}
.M-chartAdvCollapse:hover i {
  border-width: 0 9px 15px 9px;
  border-color: transparent transparent transparent #535B5E;
}
.M-chartAdvCollapse:hover span {
  background: #535B5E;
}
.M-chartAdvCollapse:hover div {
  text-align: center;
  border-top: 1px solid #535B5E;
  -moz-transition: border-top 0.3s ease-in-out;
  transition: border-top 0.3s ease-in-out;
}
.M-chartAdvCollapse:hover .triangle-top {
  border-width: 6px;
}
.M-chartAdvCollapse div {
  text-align: center;
  border-top: 1px solid #e7e7e7;
  -moz-transition: border-top 0.3s ease-in-out;
  transition: border-top 0.3s ease-in-out;
}
.M-chartAdvCollapse p {
  width: 83px;
  height: 15px;
  margin: 0 auto;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.M-chartAdvCollapse em {
  top: 3px;
  left: 50%;
  margin: 0 0 0 -6px;
  position: absolute;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.M-chartAdvCollapse b,
.M-chartAdvCollapse i,
.M-chartAdvCollapse span {
  float: left;
}
.M-chartAdvCollapse span {
  width: 45px;
  height: 15px;
  background: #e7e7e7;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.M-chartAdvCollapse b,
.M-chartAdvCollapse i {
  width: 0;
  height: 0;
  content: " ";
  overflow: hidden;
  border-style: solid;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.M-chartAdvCollapse b {
  border-width: 0 9px 15px 9px;
  border-color: transparent #e7e7e7 transparent transparent;
}
.M-chartAdvCollapse i {
  border-width: 0 9px 15px 9px;
  border-color: transparent transparent transparent #e7e7e7;
}
.M-chartAdvCollapse .triangle-top {
  border-width: 6px;
}
.M-chartAdvCollapseClose em {
  top: -2px;
  margin: 0 0 0 -7px;
}
.M-chartAdvCollapseClose:hover em {
  top: -2px;
  margin: 0 0 0 -7px;
  border-bottom-color: #fff;
  border-top-color: transparent;
}
.M-chartAdvMetricsPanel {
  clear: both;
  width: 100%;
  padding: 10px 0 40px 0;
}
.M-chartAdvMetricsPanel .MetricsBox {
  display: inline-block;
  width: 16%;
  padding-left: 35px;
}
.M-chartAdvMetricsPanel .MetricsBox .MetricsTitle {
  font-size: 14px;
  color: #999;
}
.M-chartAdvMetricsPanel .MetricsBox .T_Metrics {
  padding-top: 5px;
  color: #1F5AA3;
  font-weight: 500;
  font-size: 20px;
}
.M-chartAdvMetricsPanel .MetricsBox .C_Metrics {
  padding-top: 5px;
  font-weight: 500;
  font-size: 20px;
}
.M-chartAdv .actCol div {
  border-top: 1px solid #2faeeb;
}
.M-chartAdv .actCol span {
  background: #2faeeb;
}
.M-chartAdv .actCol b {
  border-color: transparent #2faeeb transparent transparent;
}
.M-chartAdv .actCol i {
  border-color: transparent transparent transparent #2faeeb;
}
.M-deviceType .M-commonSLCHead {
  display: none;
}
.M-deviceType .hasSub {
  float: none;
  padding: 0;
  height: auto;
  width: auto;
}
.M-deviceType .hasSub > div {
  height: 25px;
  padding-top: 5px;
  background: #eee;
  font-weight: 700;
  color: #000;
}
.M-deviceType .hasSub > ul {
  display: block;
  position: static;
  border: none;
  width: auto;
}
.M-deviceType .hasSub > ul > li {
  width: 140px;
}
.M-deviceType .hasSub > span {
  right: auto;
  left: 120px;
}
.M-deviceTypeHideLevel .M-commonSLCZoneHead {
  display: none;
}
.M-deviceTypeHideLevel .M-commonSLCZoneBody {
  margin-left: 0;
}
.M-deviceTypeHideLevel .M-commonSLCZoneBody {
  background-color: #FFF;
}
.M-deviceTypeHideLevel .M-commonSLCItemHead {
  display: none;
}
.M-deviceTypeHideLevel .M-commonSLCItem {
  display: inline-block;
}
.M-addConditionItem {
  padding-bottom: 15px;
}
.M-addConditionItem .andLine {
  position: relative;
  top: -16px;
  border-bottom: 1px solid #DDD;
}
.M-addConditionItem .andLine .text {
  position: relative;
  top: 8px;
  left: 8px;
  background: #FFF;
  color: #999;
}
.M-addConditionItem .buttonBg {
  vertical-align: middle;
  height: 31px;
  background-color: #eee;
}
.M-addConditionItem .countText {
  font-size: 13px;
  vertical-align: middle;
  color: #9e9898;
}
.M-addConditionItem .tips {
  width: 26px;
  display: inline-block;
}
.M-addCondition .selectBox {
  display: inline-block;
}
.M-addCondition .selectBox .ipt {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 6px;
  border: 1px solid #E3E3E3;
  cursor: default;
}
.M-addCondition .selectBox .w60 {
  width: 60px;
}
.M-addCondition .selectBox .w80 {
  width: 80px;
}
.M-addCondition .selectBox .btn {
  vertical-align: middle;
  position: relative;
  left: -4px;
  display: inline-block;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  background: #eeeeee url('../icons/arrowDown.png') no-repeat center center;
  border: 1px solid #E3E3E3;
  border-left: none;
  cursor: pointer;
}
.M-addCondition .op {
  font-size: 24px;
  cursor: pointer;
  display: inline-block;
  vertical-align: -20%;
}
.M-addCondition .add {
  margin-left: 10px;
  visibility: hidden;
}
.M-addCondition .lastAdd {
  visibility: visible;
}
.M-addCondition .remove {
  margin-left: 10px;
}
.M-addCondition .info {
  display: inline-block;
  width: 40px;
}
.M-addCondition .checkboxItem {
  margin-right: 20px;
}
.M-addCondition .checkboxItem label {
  position: relative;
  top: -2px;
  left: 1px;
}
.M-addCondition .clearButton {
  color: #58AEDD;
}
.M-sidebarSearch {
  margin-left: 20px;
}
.M-sidebarRadio {
  position: relative;
}
.M-sidebarRadioCon {
  margin: 0;
}
.M-sidebarRadioCon .group-label {
  min-width: 80px;
  width: 10%;
  text-align: center;
}
.M-sidebarRadioCon .group-content {
  padding-left: 0;
  width: 85%;
}
.M-sidebarRadioCon .title {
  display: inline-block;
  font-size: 13px;
  color: #b7b7b7;
  font-weight: bold;
}
.M-sidebarRadioCon .content {
  display: inline-block;
  padding-left: 0px;
}
.M-sidebarRadioCon .content label {
  line-height: 22px;
  border-radius: 4px;
  padding: 0px 4px 2px 4px;
  margin-right: 20px;
  margin-bottom: 5px;
  color: #646464;
  cursor: pointer;
}
.M-sidebarRadioCon .content label:hover {
  color: #ffffff;
  background-color: #dcdddc;
}
.M-sidebarRadioCon .content label:hover i,
.M-sidebarRadioCon .content label:hover span {
  color: #ffffff;
}
.M-sidebarRadioCon .content label:hover i i.dot,
.M-sidebarRadioCon .content label:hover span i.dot {
  color: #ffffff;
}
.M-sidebarRadioCon .content label i {
  color: #bbb;
  position: relative;
  font-size: 14px;
  vertical-align: -1px;
}
.M-sidebarRadioCon .content label .dot {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  display: inline-block;
  font-size: 10px;
  position: absolute;
  left: 3px;
  top: 4px;
  background: #646464;
}
.M-sidebarRadioCon .content .act {
  color: #58aedd;
}
.M-sidebarRadioCon .content .act i,
.M-sidebarRadioCon .content .act span {
  color: #58aedd;
}
.M-sidebarRadioCon .content .act i .dot,
.M-sidebarRadioCon .content .act span .dot {
  background: #3d3a39;
}
.M-sidebarRadioCon .content .act:hover {
  color: #58aedd;
  background: none;
}
.M-sidebarRadioCon .content .act:hover i,
.M-sidebarRadioCon .content .act:hover span {
  color: #58aedd;
}
.M-sidebarRadioCon .content .act:hover i .dot,
.M-sidebarRadioCon .content .act:hover span .dot {
  background: #3d3a39;
}
.M-sidebarRadioCon .content .delete {
  float: right;
  color: #ccc;
  font-size: 16px;
  margin-top: 2px;
  margin-right: 10px;
}
.M-sidebarRadioCon .content .delete:hover {
  color: #444;
}
.M-sidebarRadioCon .more {
  color: #58aedd;
  cursor: pointer;
  padding-left: 4px;
  width: 60px;
}
.M-sidebarRadioCon .more.hide {
  display: none !important;
}
.M-sidebarCheckbox .M-commonItem {
  margin-top: 3px;
}
.M-sidebarCheckbox label:hover i {
  color: #ffffff !important;
}
.M-sidebarChannelTab {
  display: none;
}
.M-sidebarChannelItem .title {
  font-size: 16px;
  margin-top: 10px;
  color: #b7b7b7;
  cursor: pointer;
}
.M-sidebarLabel .content .count {
  font-weight: normal;
  font-size: 10px;
  color: #A6A6A6;
  margin: 0 0 0 5px;
}
.M-sidebarLabel .content .check {
  color: #ffffff;
  background-color: #58aedd;
}
.M-sidebarLabel .content .check span {
  color: #ffffff;
}
.M-sidebarLabel .content .check:hover {
  color: #ffffff;
  background-color: #58aedd;
}
.M-sidebarLabel .content .check:hover span {
  color: #ffffff;
}
.M-sidebarMetricsFilter .removeBtn {
  vertical-align: middle;
  cursor: pointer;
  color: #b7b7b7;
  font-size: 18px;
  line-height: 30px;
}
.M-sidebarMetricsFilter .addBtn {
  vertical-align: middle;
  cursor: pointer;
  color: #58aedd;
  font-size: 12px;
  line-height: 20px;
  display: block;
  clear: both;
}
.M-sidebarMetrics .button {
  margin: 0 auto;
  text-align: center;
  padding-top: 10px;
  width: 80px;
}
.M-crumbPeriodCustomTool {
  height: 30px;
  width: 100%;
  background: #f6f6f6;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.M-crumbCampaignCustomTool {
  height: 50px;
  width: 100%;
  background: #f6f6f6;
  text-align: right;
  line-height: 50px;
  cursor: pointer;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.M-crumbCampaignCustomTool .add {
  padding-right: 20px;
}
.M-promotionConditionLevel div.level {
  float: left;
  font-size: 13px;
  padding: 0 8px;
}
.M-promotionConditionLevel div.level div.lv {
  display: inline-block;
  padding: 0px 4px;
}
.M-promotionConditionLevel div.level a {
  padding: 0 4px;
  border-radius: 4px;
}
.M-promotionConditionLevel div.level a i {
  color: #0B366A;
  font-size: 20px;
  vertical-align: middle;
}
.M-promotionConditionLevel div.level a i:hover {
  color: #0e407d;
}
.M-promotionConditionLevel div.level .level1 {
  background: #CCE4F6;
  line-height: 34px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.M-promotionConditionLevel div.level .level2 {
  background: #95CCF5;
}
.M-promotionConditionLevel div.level .level3 {
  background: #51b9f5;
}
.M-promotionConditionLevel div.level .desc,
.M-promotionConditionLevel div.level .logic {
  display: inline-block;
  background: #fff;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  border: 1px solid #ddd;
}
.M-promotionConditionLevel div.level .desc {
  padding: 0 6px;
  max-width: 200px;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
}
.M-promotionConditionLevel div.level .desc.ex {
  border: 1px solid #E01515;
}
.M-promotionConditionLevel div.level .desc.ref {
  border: 1px solid #3b9ee1;
}
.M-promotionConditionLevel div.level .desc span {
  padding-right: 4px;
}
.M-promotionConditionLevel div.level .logic {
  position: relative;
  padding: 0px;
}
.M-promotionConditionLevel div.level .logic span {
  display: inline-block;
  padding: 0 6px;
  cursor: pointer;
}
.M-promotionConditionLevel div.level .logic span:last-child {
  display: none;
  position: absolute;
  top: -21px;
  left: 0px;
  background: #ECECEC;
}
.M-promotionConditionLevel div.level .logic:hover span:last-child {
  display: inline;
}
.M-promotionConditionLevel div.level > .desc {
  background: #CCE4F6;
  margin-top: 5px;
  margin-bottom: 5px;
}
.M-promotionConditionLevelPanel .title {
  font-size: 13px;
  color: #b7b7b7;
  font-weight: bold;
}
.M-promotionConditionLevelPanel ul.content {
  margin-top: 3px;
}
.M-promotionConditionLevelPanel ul.content li {
  float: left;
  width: 20%;
  margin-bottom: 10px;
}
.M-promotionConditionLevelPanel ul.content li a {
  color: #333;
}
.M-promotionConditionLevelPanel ul.content li .link {
  color: #3b9ee1;
}
.M-promotionConditionDetailPanel .detailCon {
  width: 100%;
  height: 150px;
  padding: 10px;
  overflow: auto;
}
.M-promotionConditionDetailPanel .buttonCon {
  width: 100%;
  height: 50px;
}
.M-promotionConditionDetailPanel .buttonCon button {
  width: 200px;
  border: 1px solid #ddd;
  height: 50px;
  border-radius: 0;
  border-bottom: none;
}
.M-promotionConditionDetailPanel .buttonCon button:last-child {
  width: 201px;
  margin-left: -1px;
}
.M-promotionConditionDetailPanel .buttonCon button:last-child.ref {
  width: 100%;
  margin-left: 0px;
}
.M-promotionConditionDealSpot {
  position: absolute;
  top: 10px;
  right: 0px;
  cursor: pointer;
}
.M-promotionConditionSideBar {
  margin-left: 85px;
}
.M-promotionConditionSideBar .selectContainer span {
  display: inline-block;
  border-radius: 4px;
  padding: 0px 4px 2px 4px;
  color: #ffffff;
  background-color: #58aedd;
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.M-promotionConditionSideBar .selectContainer span i {
  padding-left: 5px;
  vertical-align: middle;
}
.M-navStep {
  width: 100%;
  margin-bottom: 20px;
}
.M-navStep hr {
  display: inline-block;
  width: 150px;
  border-width: 1px;
  border-color: #2DB7F5;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 20px;
}
.M-navStep .stepItem {
  display: inline-block;
  min-width: 250px;
  width: auto;
}
.M-navStep .circle {
  display: inline-block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
  line-height: 27px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  font-family: Arial;
  font-style: normal;
  text-indent: -1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
  color: #CCCCCC;
  border: 3px solid #CCCCCC;
}
.M-navStep .success {
  color: #fff;
  background-color: #71CC2D;
  border: 3px solid #71CC2D;
}
.M-navStep .having {
  color: #fff;
  background-color: #2DB7F5;
  border: 3px solid #2DB7F5;
}
.M-navStep .right {
  color: transparent;
  background-color: #2DB7F5;
  border: 3px solid #2DB7F5;
  background: url(../icons/gou.png) no-repeat center center;
}
.M-navStep .title {
  word-wrap: normal;
  word-break: keep-all;
  margin-left: 9px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
}
.M-navStep .having ~ .title {
  color: black;
}
.M-PageTemperature {
  margin-top: 10px;
  border: 1px solid #ddd;
  background: #fff;
  width: 90%;
}
.M-PageTemperatureHead {
  background: #f8f8f8;
  padding: 5px 20px;
}
.M-PageTemperatureHead label {
  margin-right: 40px;
  cursor: pointer;
}
.M-PageTemperatureHead label input {
  vertical-align: -2px;
  margin-right: 4px;
}
.M-PageTemperatureLevelsCon {
  padding: 5px 20px;
  border-top: solid 1px #ccc;
}
.M-PageTemperatureLevelsCon .btnCon {
  text-align: right;
  border-bottom: solid 1px #ccc;
  line-height: 25px;
}
.M-PageTemperatureLevelsCon .btnCon a {
  cursor: pointer;
  margin-left: 20px;
}
.M-PageTemperatureLevelsCon .con {
  padding: 5px 0px;
}
.M-PageTemperatureLevelsCon .con .M-formItem {
  margin-bottom: 10px;
}
.M-PageTemperatureLevelsCon .con label {
  margin-right: 20px;
}
.M-PageTemperatureLowCon {
  background: #f8f8f8;
  padding: 20px 10px;
  border-top: solid 1px #ccc;
}
.M-PageTemperatureHighCon {
  padding: 20px 10px;
  border-top: solid 1px #ccc;
}
.M-PageTemperature .M-formItem {
  display: inline-block;
}
.M-PageTemperature .opeDropdown {
  display: inline-block;
  margin: 0 10px;
}
.M-PageHotWord p {
  margin-bottom: 0;
  line-height: 20px;
}
.M-PageHotWordConOr {
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}
.M-PageHotWordConItem {
  background: #fff;
  border: solid 1px #ccc;
  margin: 5px 0;
  padding: 10px 20px;
  position: relative;
}
.M-PageHotWordConItem .M-commonInput {
  display: inline-block;
}
.M-PageHotWordConItem > span {
  line-height: 40px;
}
.M-PageHotWordConItemBtnDel {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  cursor: pointer;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -125px -60px;
  width: 20px;
  height: 20px;
}
.M-PageHotWordConItemBtnDel:hover {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
}
.M-PageFlexibleHotWord {
  position: relative;
  display: inline-block;
}
.M-PageFlexibleHotWord .M-commonFlexibleInputDiv {
  display: inline-block;
}
.M-PageFlexibleHotWord .M-commonFlexibleInputAdd {
  right: -25px;
  top: 4px;
  left: auto;
  bottom: auto;
  line-height: 18px;
}
.M-PageGameFormTable {
  border: 1px solid #ddd;
  border-bottom: none;
}
.M-PageGameFormTable th {
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  background: #f5f5f5;
}
.M-PageGameFormTable th,
.M-PageGameFormTable td {
  border-bottom: 1px solid #ddd;
}
.M-PageGameFormTable td {
  padding-top: 15px;
  padding-bottom: 15px;
  height: 70px;
}
.M-PageGameFormTable tbody tr:hover td {
  background: #fbfbfb;
}
.M-PageGameFormTableFoot td {
  background: #f5f5f5;
  line-height: 70px !important;
  text-align: center !important;
}
.M-PageGameFormTableHead .product {
  text-indent: 4em;
}
.M-PageGameFormTable .product {
  width: 40%;
}
.M-PageGameFormTable .server {
  width: 25%;
}
.M-PageGameFormTable .creative {
  width: 25%;
}
.M-PageGameFormTable .operation {
  width: 10%;
}
.M-PageGameFormTable .logo {
  float: left;
  width: 110px;
  height: 70px;
  margin: 0 10px 0 0px;
}
.M-PageGameFormTable .logo img {
  width: 100%;
  height: 100%;
}
.M-PageGameFormTable .title {
  font-size: 14px;
  font-weight: 600;
  color: #777;
  float: left;
}
.M-PageGameFormTable .title .desc {
  padding-top: 1.2em;
  font-weight: normal;
  font-size: 12px;
}
.M-PageGameFormTable .dropdown {
  height: 28px;
  line-height: 28px;
  margin-top: 20px;
  width: 160px;
}
.M-PageGameFormTable .rule {
  margin-top: 20px;
  letter-spacing: normal;
  padding: 0 1em;
  font-size: 12px;
  font-weight: 700;
}
.M-PageGameFormTable .creative-inner {
  margin-top: 5px;
}
.M-PageGameFormTable .detail {
  font-size: 14px;
}
.M-PageGameFormTable .detail b,
.M-PageGameFormTable .detail span {
  display: inline;
  line-height: 30px;
}
.M-PageGameFormTable .detail .sweety_num {
  color: #3A88DD;
  padding-right: 20px;
}
.M-PageGameFormTable .detail .whisky_num {
  color: #008000;
}
.M-PageGameFormTable .remove {
  font-size: 18px;
  line-height: 70px;
  vertical-align: middle;
}
.M-PageGameForm .addBtn {
  font-style: normal;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 45px;
  font-size: 18px;
}
.M-PageGameForm .addBtn i {
  margin-right: 10px;
}
.M-PageGameFormRatio {
  padding-top: 100px;
  padding-bottom: 50px;
  padding-left: 100px;
  padding-right: 100px;
}
.M-PageCreativeDetail {
  position: relative;
  height: 678px;
  overflow: hidden;
  clear: both;
}
.M-PageCreativeDetailPopWin {
  padding: 0;
}
.M-PageCreativeDetailSweetyList,
.M-PageCreativeDetailRelation,
.M-PageCreativeDetailWhiskyList {
  position: absolute;
  top: 20px;
  bottom: 10px;
  width: 50%;
}
.M-PageCreativeDetail .list-head {
  margin: 0 60px;
  padding: 0 15px;
  height: 33px;
  border-radius: 5px 5px 0 0;
  border: 1px solid #e0e0e0;
  background: #f2f2f2;
}
.M-PageCreativeDetail .list-head .list-name {
  color: #4d4d4d;
  line-height: 32px;
  font-size: 16px;
}
.M-PageCreativeDetail .list-head .list-optimiza {
  float: right;
}
.M-PageCreativeDetail .list-body {
  position: absolute;
  top: 35px;
  bottom: 50px;
  left: 60px;
  right: 60px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-top: none;
  overflow: hidden;
}
.M-PageCreativeDetail .list-foot {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.M-PageCreativeDetail .list-foot button {
  margin: 0 20px;
}
.M-PageCreativeDetail .optimiza-head {
  font-size: 14px;
  line-height: 35px;
  height: 35px;
  color: #4d4d4d;
}
.M-PageCreativeDetail .optimiza-btn {
  float: right;
  font-size: 18px;
  margin-left: 10px;
  margin-top: 10px;
  cursor: pointer;
  color: #00A8E6;
}
.M-PageCreativeDetail .optimiza-btn:hover {
  color: #35B3EE;
}
.M-PageCreativeDetail .optimiza-body {
  position: absolute;
  top: 54px;
  width: 536px;
  min-height: 200px;
  z-index: 21;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  background: #fff;
  padding: 15px;
}
.M-PageCreativeDetail .optimiza-ratio {
  height: 180px;
}
.M-PageCreativeDetail .optimiza-ratio > div {
  height: 100%;
}
.M-PageCreativeDetail .optimiza-ratio p {
  margin: 0;
}
.M-PageCreativeDetailSweetyOptimiza {
  left: 60px;
}
.M-PageCreativeDetailWhiskyOptimiza {
  right: 60px;
}
.M-PageCreativeDetail .list-wrap {
  height: 100%;
}
.M-PageCreativeDetail .list-item {
  height: 120px;
  clear: both;
  padding: 10px 10px 10px 15px;
  position: relative;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #E0E0E0;
}
.M-PageCreativeDetail .list-item.alt {
  background: #f9f9f9;
}
.M-PageCreativeDetailListMode .M-PageCreativeDetailSweetyList .optimiza-body {
  right: -110px;
}
.M-PageCreativeDetailSweetyList .logo,
.M-PageCreativeDetailWhiskyList .logo {
  float: right;
  margin: 0 25px 0 10px;
  padding: 5px;
}
.M-PageCreativeDetailSweetyList .logo i,
.M-PageCreativeDetailWhiskyList .logo i {
  display: block;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 3px;
}
.M-PageCreativeDetailSweetyList .logo img,
.M-PageCreativeDetailWhiskyList .logo img {
  height: 90px;
  max-width: 136px;
}
.M-PageCreativeDetailSweetyList .name,
.M-PageCreativeDetailWhiskyList .name {
  font-size: 14px;
  font-weight: bold;
  color: #777;
  line-height: 25px;
}
.M-PageCreativeDetailSweetyList .tags,
.M-PageCreativeDetailWhiskyList .tags,
.M-PageCreativeDetailSweetyList .address,
.M-PageCreativeDetailWhiskyList .address {
  font-size: 13px;
  padding-top: 15px;
  color: #777;
}
.M-PageCreativeDetailSweetyList .tag_list span,
.M-PageCreativeDetailWhiskyList .tag_list span {
  font-size: 14px;
  color: #59AE2C;
  padding-right: 15px;
  white-space: nowrap;
}
.M-PageCreativeDetailSweetyList .delete,
.M-PageCreativeDetailWhiskyList .delete {
  display: block;
  top: 7px;
  right: 32px;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  font-size: 14px;
  width: 20px;
  height: 20px;
  background: #999;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}
.M-PageCreativeDetailSweetyList .delete:hover,
.M-PageCreativeDetailWhiskyList .delete:hover {
  background: #2bb1e2;
}
.M-PageCreativeDetailSweetyList {
  left: 0;
}
.M-PageCreativeDetailWhiskyList {
  right: 0;
}
.M-PageCreativeDetailWhiskyList.full {
  right: auto;
  left: auto;
  width: 100%;
}
.M-PageCreativeDetailWhiskyList .list-item {
  padding: 10px 15px 10px 10px;
}
.M-PageCreativeDetailWhiskyList .index {
  float: left;
  color: #008000;
}
.M-PageCreativeDetailWhiskyList .logo {
  float: left;
  margin: 0 10px 0 25px;
}
.M-PageCreativeDetailWhiskyList .address a {
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.M-PageCreativeDetailWhiskyList .delete {
  left: 32px;
  right: auto;
}
.M-PageCreativeDetailRelation {
  left: 50%;
  margin-left: -50px;
  width: 100px;
  z-index: 20;
}
.M-PageRelationHead {
  height: 35px;
}
.M-PageRelationBody {
  position: absolute;
  top: 35px;
  left: -30px;
  right: -30px;
  bottom: 50px;
  overflow: hidden;
  /*background: #bccccc;*/

}
.M-PageRelationTip {
  position: absolute;
  z-index: 2;
  top: 50px;
  left: 50%;
  width: 264px;
  margin-left: -146px;
  border: 4px solid #2778BA;
  border-radius: 5px;
  background: #fff;
  color: #000;
  text-align: center;
  padding: 10px;
  display: none;
}
.M-PageRelationTip div {
  font-size: 14px;
  text-align: left;
  margin-bottom: 15px;
}
.M-PageFlowEstimate .contentContainer {
  padding: 15px;
}
.M-PageFlowEstimate .title,
.M-PageFlowEstimate .text {
  color: #b0b0b0;
}
.M-PageFlowEstimate .text {
  margin-top: 10px;
}
.M-PageFlowEstimate .flowValue {
  display: block;
  line-height: 40px;
  font-size: 20px;
  color: #5f5f5f;
  font-weight: 200;
}
.M-flowEstimate {
  z-index: 99;
  top: 30%;
  right: -263px;
  position: fixed;
  width: 260px;
  text-align: center;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0.3em 0.5em;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0.3em 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0.3em 0.5em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: right 0.2s;
}
.M-flowEstimate .contentCon {
  text-align: left;
  line-height: 30px;
  padding: 20px;
}
.M-flowEstimate .contentCon span {
  display: block;
  font-size: 14px;
  color: #999;
  margin-bottom: 10px;
}
.M-flowEstimate .contentCon strong {
  display: block;
  color: #2FAEEB;
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 20px;
  margin-top: 20px;
}
.M-flowEstimate .titleCon {
  display: block;
  background: #f7f7f7;
  cursor: pointer;
  left: -33px;
  top: 50%;
  margin-top: -60px;
  border: 1px solid #ccc;
  position: absolute;
  font-size: 14px;
  width: 32px;
  border-radius: 4px 0 0 4px;
  color: #b1b1b1;
  background: #fff;
}
.M-flowEstimate .titleCon h3 {
  margin: 0 auto;
  word-break: break-all;
  text-align: center;
  letter-spacing: 5px;
  line-height: 20px;
  font-weight: normal;
  padding-bottom: 5px;
  line-height: 22px;
  font-size: 16px;
  border-top: 1px solid #ccc;
  color: #b1b1b1;
  padding: 8px;
}
.M-flowEstimate .titleCon i {
  font-size: 18px;
  margin: 4px;
}
.M-flowEstimate.flowAct {
  right: 0px;
}
.M-character {
  width: 600px;
  border: 1px solid #ddd;
  background-color: #F5F5F5;
}
.M-character .M-tabBody > div,
.M-character .M-tabButtonBody > div {
  padding: 0;
}
.M-character .M-inExConBox {
  width: 100%;
  border: none;
}
.M-character .uk-tab > li {
  width: 25%;
}
.M-character .uk-tab > li:first-child a {
  border-left: none;
}
.M-character .uk-tab > li:last-child a {
  border-right: none;
}
.M-character .uk-tab > li > a {
  border-top: none;
  text-align: center;
}
.M-characterNew {
  font-size: 12px;
}
.M-characterNew .M-tabBody > div,
.M-characterNew .M-tabButtonBody > div {
  padding: 0;
}
.M-characterNew .uk-tab > li {
  width: 25%;
}
.M-characterNew .uk-tab > li:first-child a {
  border-left: none;
}
.M-characterNew .uk-tab > li:last-child a {
  border-right: none;
}
.M-characterNew .uk-tab > li > a {
  border-top: none;
  text-align: center;
}
.M-characterNewTab {
  width: 45%;
  background-color: #F5F5F5;
  border: 1px solid #ddd;
  float: left;
}
.M-characterNewTab .M-treeSelectTabBox {
  height: 280px;
}
.M-characterNewTab .M-treeSelectTabHead {
  display: none !important;
}
.M-characterNewArrow {
  float: left;
  padding-left: 20px;
  height: 353px;
  line-height: 353px;
  text-align: center;
  width: 10%;
}
.M-characterNewArrow i {
  border-width: 20px;
  border-left-color: #ececec;
}
.M-characterNewResult {
  width: 45%;
  background-color: #F5F5F5;
  border: 1px solid #ddd;
  float: left;
}
.M-characterNewResult .M-treeResultCon {
  height: 320px;
}
.M-labelSelectContainer {
  margin-top: -20px;
}
.M-labelSelectContainer .group-label {
  width: auto;
  text-align: left;
  min-width: auto;
}
.M-labelSelectContainer .group-content {
  margin-bottom: 10px;
}
.M-labelSelect label {
  font-size: 13px;
  cursor: pointer;
  margin: 0 10px 0 0;
  padding: 5px;
  display: inline-block;
  background: #E7E7E7;
  border-radius: 4px;
}
.M-labelSelect .act {
  color: #fff;
  background: #50B9EB;
}
.M-labelWithPop label {
  margin: 0 10px 0 0;
  padding: 0 5px 10px 0px;
  display: inline-block;
  font-size: 13px;
  color: #333333;
}
.M-aderSelector .M-sidebarRadioCon .group-content {
  width: 100%;
}
.M-selectAdver .selectCon .selectItems {
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  color: #fff;
  background: #50B9EB;
  padding: 5px;
  border-radius: 4px;
}
.M-selectAdver .selectCon .selectItems i {
  margin-left: 4px;
  cursor: pointer;
}
.d3 .line {
  fill: none;
  stroke: #666;
  stroke-width: 1.5px;
}
.d3 .area {
  fill: #e7e7e7;
}
.d3 .arc path {
  stroke: #fff;
}
.d3 .axis path,
.d3 .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.d3 .line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}
.d3 .overlay {
  pointer-events: all;
  fill: none;
}
.d3 .focus circle {
  fill: none;
  stroke: steelblue;
}
.boxShadow {
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
}
.M-dashboardBlock {
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
  background: #fff;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 60px;
}
.M-dashboardBlockHead {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.M-dashboardBlockBody {
  width: 100%;
  height: 100%;
  min-height: 150px;
  padding: 25px;
}
.M-dashboardBlockBigTitle .M-dashboardBlockHead {
  height: 60px;
  line-height: 60px;
  font-size: 23px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.M-dashboardBlockNormal .M-dashboardBlockHead {
  height: 59px;
  line-height: 59px;
  border-bottom: 1px solid #E9E9E9;
  margin: 0 25px;
}
.M-dashboardBlockNormal .M-dashboardBlockHead > i {
  display: inline-block;
  width: 4px;
  height: 20px;
  vertical-align: top;
  margin-top: 20px;
  margin-right: 7px;
}
.M-dashboardBlockNormal .M-dashboardBlockHead > span {
  display: inline-block;
  text-align: left;
  font-size: 18px;
}
.M-dashboardBlockHasSwitch .M-dashboardBlockHead {
  height: 59px;
  line-height: 30px;
  padding: 14px 0;
  border-bottom: 1px solid #E9E9E9;
  margin: 0 25px;
}
.M-dashboardBlockHasSwitch .M-dashboardBlockHead > span {
  float: left;
  text-align: left;
  font-size: 18px;
}
.M-dashboardBlockHasSwitch .M-dashboardBlockHead > div {
  float: right;
}
.M-dashboardBlockHasSwitch .M-dashboardBlockLoadMore {
  display: block;
  height: 32px;
  line-height: 32px;
  width: 150px;
  text-align: center;
  border: 1px solid #c9c9c9;
  margin: 0 auto 25px;
}
.M-dashboardBlockNoTitle {
  padding-top: 0;
}
.M-dashboardBlockNoTitle .M-dashboardBlockBody {
  padding: 0;
}
.M-treemap {
  width: 100%;
  height: 100%;
}
.M-treemapItem {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.M-treemapItemActive {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 98;
}
.M-treemapLabel,
.M-treemapValue {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.M-treemapLabel {
  margin-top: -16px;
}
.M-trend {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 140px;
}
.M-trendAmount {
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  height: 100%;
  overflow: hidden;
}
.M-trendAmountItem {
  width: 100%;
  border-right: 1px solid #E9E9E9;
  border-top: 1px solid #E9E9E9;
  text-align: center;
  position: relative;
  background: #F7F7F7;
}
.M-trendAmountItem:first-child {
  border-top: none;
}
.M-trendAmountItemContent {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -37px;
}
.M-trendAmountItemLabel {
  font-size: 16px;
  height: 20px;
  line-height: 20px;
}
.M-trendAmountItemValue {
  font-size: 24px;
  line-height: 46px;
}
.M-trendAmountItemArrow {
  height: 0;
  width: 0;
  overflow: hidden;
  content: " ";
  border-width: 0 5px 8px 5px;
  border-color: transparent transparent #777 transparent;
  border-style: solid;
  margin: 0 auto;
}
.M-trendChart {
  width: 100%;
  height: 100%;
}
.M-horizontalBar {
  height: 100%;
}
.M-horizontalBarMessage {
  display: none;
  position: absolute;
  line-height: 20px;
  top: 100px;
  left: 0;
  right: 0;
  text-align: center;
}
.M-horizontalBarItem {
  font-family: 'Arial Negreta', 'Arial';
  position: relative;
  font-size: 12px;
  margin-bottom: 12px;
}
.M-horizontalBarItem:last-child {
  margin-bottom: 0;
}
.M-horizontalBarItemBg {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  z-index: 2;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.M-horizontalBarItemWrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 0 62px 0 12px;
}
.M-horizontalBarItemL {
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.M-horizontalBarItemR {
  position: absolute;
  right: 12px;
  top: 0;
  width: 50px;
  text-align: right;
  font-weight: bold;
}
.M-hotsite {
  width: 100%;
}
.M-hotsiteMain {
  width: 100%;
}
.M-hotsiteMessage {
  display: none;
  position: absolute;
  line-height: 20px;
  top: 100px;
  left: 0;
  right: 0;
  text-align: center;
}
.M-hotsiteLeft,
.M-hotsiteRight {
  width: 46%;
  display: inline-block;
}
.M-hotsiteLeft {
  margin-right: 4%;
}
.M-hotsiteRight {
  margin-left: 4%;
}
.M-hotsiteItem {
  width: 100%;
  position: relative;
  font-family: 'Arial Negreta', 'Arial';
  display: inline-block;
  font-size: 12px;
  margin-bottom: 12px;
  padding-left: 30px;
}
.M-hotsiteItemSerial {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 24px;
  text-align: right;
}
.M-hotsiteItemBar {
  position: relative;
  width: 100%;
  height: 100%;
}
.M-hotsiteItemPercent {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  z-index: 2;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.M-hotsiteItemContent {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 0 62px 0 12px;
}
.M-hotsiteItemYValue {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  width: 50px;
  text-align: right;
}
.M-hotsiteItemXValue {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.M-channelPathItem {
  line-height: 32px;
  clear: both;
}
.M-channelPathItem:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.M-channelPathItemSerial {
  width: 30px;
  padding-right: 5px;
  text-align: right;
  float: left;
}
.M-channelPathItemMetric {
  width: 50px;
  float: left;
  text-align: right;
}
.M-channelPathItemPath {
  padding-left: 96px;
}
.M-channelPathItemPath:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.M-channelPathSubItem {
  position: relative;
  float: left;
  max-width: 208px;
  padding: 0 36px 0 12px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #EAEDF1;
}
.M-channelPathSubItem:last-child {
  margin-right: 0;
}
.M-channelPathSubItemValue {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 36px;
  height: 100%;
  padding-left: 4px;
  color: #A2680B;
  text-align: left;
}
.M-channelPathSubItemLabel {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.M-channelPathItem:last-child .M-channelPathSubItem {
  margin-bottom: 0;
}
.P-uiIcons li {
  float: left;
  width: 25%;
  font-size: 14px;
  line-height: 24px;
}
.P-uiIcons li i {
  margin-right: 5px;
}
.P-uiIconsPixel {
  margin-bottom: 10px;
}
.P-uiIconsPixel button {
  margin-right: 20px;
}
.P-uiButtons div {
  margin-bottom: 20px;
}
.P-uiButtons div button {
  margin-right: 10px;
}
.P-uiButtons textarea {
  width: 50%;
  height: 200px;
}
.P-campaignEditTab {
  position: fixed;
  right: 0px;
  top: 60px;
  z-index: 100;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #ececec;
  border-right: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: 180px;
}
.P-campaignEditTab .headList {
  text-align: right;
  padding: 10px;
}
.P-campaignEditTab .headList li {
  display: inline-block;
  margin: 0 10px;
}
.P-campaignEditTab .headList li.act .headType {
  background: #2FAEEB;
  color: #fff;
}
.P-campaignEditTab .headList .headType {
  display: block;
  margin: 0 auto;
  background-color: #e6e6e6;
  height: 22px;
  width: 22px;
  line-height: 23px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  font-family: Arial;
  font-style: normal;
  color: #c6c6c6;
  text-indent: -1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
.P-campaignEditTab .headList .headText {
  display: block;
  text-align: center;
  padding: 0 8px;
  line-height: 25px;
  font-size: 12px;
  color: #000;
  white-space: nowrap;
  cursor: pointer;
}
.P-campaignEditTab .flowEstimate {
  color: #555;
  border-top: 1px #ececec solid;
  padding: 10px;
  position: relative;
}
.P-campaignEditTab .flowEstimate span {
  vertical-align: middle;
  display: inline-block;
  font-size: 13px;
}
.P-campaignEditTab .flowEstimate strong {
  color: #2FAEEB;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
  font-size: 20px;
}
.P-campaignEditTab .flowEstimate button {
  height: 30px;
  padding: 0 9px;
  vertical-align: top;
  min-height: 25px;
  line-height: 25px;
  border-radius: 4px;
  width: 30px;
  font-size: 13px;
  border: 1px solid #ececec;
  background: none;
  color: #a4a4a4;
  position: absolute;
  right: 10px;
  top: 8px;
}
.P-campaignEditTab .flowEstimate button:focus {
  outline: 0;
}
.P-campaignEditTab .flowEstimate button:hover {
  background-color: #f5f5f5;
}
.P-campaignEditTab .flowEstimate button i {
  -webkit-transform: rotate(314deg);
  -moz-transform: rotate(314deg);
  transform: rotate(314deg);
  display: inline-block;
  font-size: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -7px;
}
.P-campaignEditTab .flowEstimateTip > div {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 14px;
}
.P-campaignEditTab .flowEstimateTip > span {
  color: #aaa;
  font-size: 12px;
  line-height: 16px;
}
.P-campaignEditTab .flowEstimateTipButton {
  font-size: 18px;
  cursor: pointer;
  border-top: 1px #ececec solid;
}
.P-campaignEditTab.scrollStatus {
  top: 0px;
}
.P-campaignEditTab .step {
  margin: 20px;
}
.P-campaignEditTab .step li {
  font-size: 14px;
  margin: 10px 0;
  cursor: pointer;
}
.P-campaignEditBodyContent {
  width: 100%;
  height: 100%;
}
.P-campaignEditBodyInner {
  padding: 18px 0;
}
.P-campaignEditBody .exchangeErrorTip {
  color: #CE4040;
}
.P-campaignEditBody .channelName {
  font-size: 16px;
  font-weight: bold;
}
.P-campaignEditBodyVideoDirect {
  padding: 20px !important;
}
.P-campaignEditBodyVideoDirect .total,
.P-campaignEditBodyPageKeyword .total {
  float: left;
  width: 48%;
}
.P-campaignEditBodyVideoDirect .select,
.P-campaignEditBodyPageKeyword .select {
  float: right;
  width: 48%;
}
.P-campaignEditBodyVideoDirect .select .selectCon,
.P-campaignEditBodyPageKeyword .select .selectCon {
  margin-top: 42px;
}
.P-campaignEditBodyPageKeywordCon {
  background: white;
  border: solid 1px #ccc;
  margin: 5px 0;
  padding: 10px 20px;
  position: relative;
}
.P-campaignEditFooter {
  height: 60px;
  line-height: 30px;
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #DFDFDF;
}
.P-campaignEditFooterL {
  text-align: right;
}
.P-campaignEditFooterR {
  float: right;
  width: 50%;
  text-align: left;
  border-left: 1px solid #ccc;
}
.P-campaignEditFooter button {
  min-width: 80px;
}
.P-campaignEditFooter.floated {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 100;
}
.P-campaignEditInputWidth {
  width: 50%;
}
.P-campaignEditBox {
  width: 90%;
  vertical-align: top;
  background: #FFF;
  border: 1px solid #CCC;
  padding: 10px;
  margin-top: 0px;
}
.P-campaignEditCheckboxGroup .content {
  width: 180px !important;
  line-height: 30px !important;
}
.P-campaignEditChannel .channel-name {
  display: inline-block;
  width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 5px;
  padding: 4px 8px;
  cursor: pointer;
}
.P-campaignEditChannel .select {
  background-color: #3b9ee1;
  border-color: #3b9ee1;
  border-radius: 4px;
  color: white;
}
.P-campaignEditChannel.selectAdType input {
  font-size: 1rem;
}
.P-campaignEditAddon-runing {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -172px -184px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.P-campaignEditAddon-invaild {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -172px -164px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.P-campaignList .status {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.P-campaignList .status-running {
  background-position: -172px -184px;
  width: 20px;
  height: 20px;
}
.P-campaignList .status-pause {
  background-position: -172px -44px;
  width: 20px;
  height: 20px;
}
.P-campaignList .status-draft {
  background-position: -172px -64px;
  width: 20px;
  height: 20px;
}
.P-campaignList .status-overBudget {
  background-position: -172px -84px;
  width: 20px;
  height: 20px;
}
.P-campaignList .status-completed {
  background-position: -172px -104px;
  width: 20px;
  height: 20px;
}
.P-campaignList .status-notStart {
  background-position: -172px -124px;
  width: 20px;
  height: 20px;
}
.P-campaignList .status-deleted {
  background-position: -172px -144px;
  width: 20px;
  height: 20px;
}
.P-campaignList .status-editCPA {
  background-position: -194px -14px;
  width: 18px;
  height: 14px;
}
.P-campaignList .status-editCPA:hover {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
  background-position: -194px -14px;
  width: 18px;
  height: 14px;
  cursor: pointer;
}
.P-campaignList .status-editCPC {
  background-position: -194px -28px;
  width: 18px;
  height: 14px;
}
.P-campaignList .status-editCPC:hover {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
  background-position: -194px -28px;
  width: 18px;
  height: 14px;
  cursor: pointer;
}
.P-campaignList .status-editCPM {
  background-position: -194px -42px;
  width: 18px;
  height: 14px;
}
.P-campaignList .status-editCPM:hover {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
  background-position: -194px -42px;
  width: 18px;
  height: 14px;
  cursor: pointer;
}
.P-campaignList .status-editCOM {
  background-position: -194px -56px;
  width: 18px;
  height: 14px;
}
.P-campaignList .status-editCOM:hover {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
  background-position: -194px -56px;
  width: 18px;
  height: 14px;
  cursor: pointer;
}
.P-campaignDiagnosisTitle {
  font-size: 19px;
}
.P-campaignDiagnosisName {
  font-style: normal;
}
.P-campaignDiagnosisLabelsCon {
  padding: 10px 0;
  border-radius: 5px;
  background: #f8f8f8;
}
.P-campaignDiagnosisLabelsCon .M-tagLabelsSimpleContainer {
  margin: 0;
  border-radius: 0;
  background: transparent;
}
.P-campaignCode {
  padding-bottom: 10px;
}
.P-campaignCodeTitle {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  padding: 20px 0;
}
.P-campaignCodeTitle .download {
  float: right;
  margin-top: -5px;
}
.P-campaignCodeTip {
  text-align: left;
}
.P-campaignCodeTip .infoTitle dd {
  text-indent: 2em;
}
.P-campaignCodeTip pre {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  padding: 2em;
  height: 250px;
  margin: 0 0 10px;
  border-radius: 5px;
  background: #f4f4f4;
}
.P-campaignCodeTip dt {
  line-height: 30px;
  margin-top: 1em;
}
.P-campaignCodeTip .tipMain dd {
  display: inline-block;
  width: 45%;
  vertical-align: top;
  margin: 0 2em;
}
.P-campaignCode table {
  border: solid #ccc;
  border-width: 1px 0 0 1px;
  background: #fff;
  border-spacing: 0px;
  clear: both;
}
.P-campaignCode table th,
.P-campaignCode table td {
  border: solid #ccc;
  border-width: 0 1px 1px 0;
  padding: 8px;
  line-height: 15px;
  border-bottom: 1px solid #DDD;
}
.P-campaignCode table th {
  text-align: left;
  font-size: 16px;
  background: #e9e9e9;
  color: #333;
}
.P-campaignCode table tr.alt td {
  background: #f9f9f9;
}
.P-campaignCode table .id {
  width: 30px;
  text-align: center;
}
.P-campaignCode table .name {
  width: 200px;
}
.P-campaignCode table .url {
  word-break: break-all;
}
.P-campaignCode table .miss {
  color: #c00;
}
.P-campaignCode table .copy,
.P-campaignCode table .add {
  width: 60px;
  text-align: center;
}
.P-campaignSpotChannelName {
  font-size: 16px;
  font-weight: bold;
  display: none;
}
.P-campaignSpotChannelTips {
  color: #CE4040;
  display: none;
}
.P-campaignWebSiteClass .M-commonSLC {
  width: 100%;
}
.P-campaignWebSiteClass .M-commonSLCZoneHead {
  width: 150px;
  display: none;
}
.P-campaignWebSiteClass .M-commonSLCZoneBody {
  margin-left: 0px;
}
.P-campaignWebSiteClass .M-commonSLCItem {
  width: 160px;
}
.P-campaignWebSiteClass .M-commonSLCSub {
  width: 180px;
}
.P-campaignWebSiteClass .M-commonSLCSub li {
  width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.P-campaignWebSiteClass .M-commonSLCItemHead {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.P-campaignCharge .group-label {
  text-align: left;
  margin-left: 25px;
  margin-bottom: 5px;
}
.P-campaignCondition {
  width: 1000px;
  line-height: 18px;
}
.P-campaignCondition .no-border-top {
  border-top: initial !important;
}
.P-campaignCondition .no-border-bottom {
  border-bottom: initial !important;
}
.P-campaignCondition .no-border-right {
  border-right: initial !important;
}
.P-campaignCondition .valign-t {
  vertical-align: top !important;
}
.P-campaignCondition .header-base {
  font-size: 14px;
  line-height: 34px;
  text-indent: 8px;
  background-color: #f2f2f2;
}
.P-campaignCondition .edit-icon {
  cursor: pointer;
  position: relative;
}
.P-campaignCondition .edit-icon:hover:after {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 0;
  /*border-bottom: 15px solid green;*/

  /*border-left: 15px solid transparent;*/

  width: 15px;
  height: 15px;
  background-size: 15px;
  background-image: url('../icons/edit_condition.png');
}
.P-campaignCondition .status {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.P-campaignCondition .status-running {
  background-position: -172px -184px;
  width: 20px;
  height: 20px;
}
.P-campaignCondition .status-pause {
  background-position: -172px -44px;
  width: 20px;
  height: 20px;
}
.P-campaignCondition .layer {
  height: 200px;
  border: 1px solid #cccccc;
}
.P-campaignCondition .layer > div {
  height: 100%;
  float: left;
}
.P-campaignCondition .layer .left {
  width: 300px;
  border-right: 1px solid #cccccc;
}
.P-campaignCondition .layer .right {
  width: 698px;
}
.P-campaignCondition .layer .header {
  font-size: 14px;
  line-height: 34px;
  text-indent: 8px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #cccccc;
  height: 35px;
}
.P-campaignCondition .layer .main {
  height: calc(100% -  35px);
  cursor: pointer;
  position: relative;
}
.P-campaignCondition .layer .main:hover:after {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 0;
  /*border-bottom: 15px solid green;*/

  /*border-left: 15px solid transparent;*/

  width: 15px;
  height: 15px;
  background-size: 15px;
  background-image: url('../icons/edit_condition.png');
}
.P-campaignCondition .middle-layer {
  height: 300px;
}
.P-campaignCondition .middle-layer .middle-left .condition {
  height: calc(100% -  35px  -  15%);
  cursor: pointer;
  position: relative;
}
.P-campaignCondition .middle-layer .middle-left .condition:hover:after {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 0;
  /*border-bottom: 15px solid green;*/

  /*border-left: 15px solid transparent;*/

  width: 15px;
  height: 15px;
  background-size: 15px;
  background-image: url('../icons/edit_condition.png');
}
.P-campaignCondition .middle-layer .middle-left .special-condition {
  height: 15%;
  border-top: 1px solid #cccccc;
}
.P-campaignCondition .middle-layer .middle-left .special-condition > div {
  height: 100%;
  float: left;
}
.P-campaignCondition .middle-layer .middle-left .special-condition .header {
  width: 90px;
  border-right: 1px solid #cccccc;
  border-bottom: initial !important;
  line-height: 40px;
}
.P-campaignCondition .middle-layer .middle-left .special-condition .main {
  cursor: pointer;
  position: relative;
  width: 209px;
}
.P-campaignCondition .middle-layer .middle-left .special-condition .main:hover:after {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 0;
  /*border-bottom: 15px solid green;*/

  /*border-left: 15px solid transparent;*/

  width: 15px;
  height: 15px;
  background-size: 15px;
  background-image: url('../icons/edit_condition.png');
}
.P-campaignCondition .middle-layer .middle-subLayer {
  height: 100%;
  display: table;
}
.P-campaignCondition .middle-layer .middle-subLayer > div {
  display: table-cell;
  width: 139.6px;
  height: 100%;
  border-right: 1px solid #cccccc;
}
.P-campaignCondition .footer-layer {
  height: auto;
  overflow: hidden;
  border-top: initial !important;
}
.P-campaignCondition .footer-layer .header {
  height: 30%;
  width: 90px;
  border-right: 1px solid #cccccc;
  margin-bottom: -9999px;
  padding-bottom: 9999px;
  line-height: 65px;
}
.P-campaignCondition .footer-layer .extra-main {
  min-height: 70px;
  width: 908px;
}
.P-campaignCondition .footer-layer .extra-main .extra-item {
  border-bottom: 1px solid #cccccc;
  display: table;
}
.P-campaignCondition .footer-layer .extra-main .extra-item > div {
  display: table-cell;
  width: 139.6px;
  height: 45px;
  border-right: 1px solid #cccccc;
  cursor: pointer;
  position: relative;
}
.P-campaignCondition .footer-layer .extra-main .extra-item > div:hover:after {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 0;
  /*border-bottom: 15px solid green;*/

  /*border-left: 15px solid transparent;*/

  width: 15px;
  height: 15px;
  background-size: 15px;
  background-image: url('../icons/edit_condition.png');
}
.P-campaignCondition .footer-layer .extra-main .extra-item .item-main {
  width: 210px;
}
.P-campaignCondition .footer-layer .extra-main .addExtra {
  margin: 15px 0 15px 15px;
  border-right: initial !important;
}
.P-campaignCondition .footer-layer .extra-main .op {
  cursor: pointer;
  display: inline-block;
  color: #bbb;
  font-size: 18px;
}
.P-campaignCondition .footer-layer .extra-main .op .opList {
  position: absolute;
  top: 0;
  left: 20px;
  width: 50px;
  font-size: 14px;
}
.P-campaignSubGrid .planEdit {
  float: left;
  width: auto;
  padding: 10px 20px 5px;
  min-width: 160px;
}
.P-campaignSubGrid .planEdit .main-icon {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 10px;
}
.P-campaignSubGrid .planEdit .title {
  font-family: "MicrosoftYaHei";
  font-size: 12px;
  color: #c6c6c6;
  margin-top: 5px;
}
.P-campaignSubGrid .planEdit .content {
  font-family: "MicrosoftYaHei";
  font-size: 12px;
  color: #2b2b2b;
}
.P-campaignSubGrid .planEdit .status {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  display: none;
  vertical-align: middle;
}
.P-campaignSubGrid .planEdit .icon-edit {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
  background-position: -194px -42px;
  width: 18px;
  height: 14px;
}
.P-campaignSubGrid .planEdit:hover {
  cursor: pointer;
  background-color: #f9f9f9;
}
.P-campaignSubGrid .planEdit:hover .status {
  display: block;
}
.P-campaignOrientPopwin .group-label {
  width: auto;
}
.P-campaignOrientPopwin .M-checkBoxGroupBody .content {
  margin: 0 5px 5px 0px;
}
.P-campaignOrientMedia {
  background: #fff;
  padding: 10px 20px;
}
.P-campaignOrientMedia .conditionCon {
  margin: 10px 0px 5px 0px;
}
.P-campaignOrientMedia .conditionCon > label {
  cursor: pointer;
  margin-right: 20px;
}
.P-campaignOrientMedia .conditionCon > label input {
  cursor: pointer;
}
.P-campaignOrientMedia .conditionCon > a {
  display: inline-block;
  vertical-align: middle;
  display: none;
  max-width: 600px;
}
.P-campaignOrientMedia .conditionCon > a.dib {
  display: inline-block;
}
.P-campaignOrientMedia .conditionCon > span {
  vertical-align: middle;
  display: none;
}
.P-campaignOrientMediaChannel .content {
  display: inline-block;
  width: 115px;
}
.P-campaignOrientMediaChannel .content label {
  line-height: 22px;
  border-radius: 4px;
  padding: 0px 4px 2px 4px;
  margin-right: 20px;
  margin-bottom: 5px;
  color: #646464;
  cursor: pointer;
}
.P-campaignOrientMediaChannel .content label:hover {
  color: #ffffff;
  background-color: #dcdddc;
}
.P-campaignOrientMediaChannel .content label.select {
  color: #FFFFFF;
  background-color: #58AEDD;
}
.P-campaignOrientMediaChannel .content label.select:hover {
  color: #FFFFFF;
  background-color: #58AEDD;
}
.P-campaignOrientDeciveAppDecive .M-commonSLCButtons {
  border-bottom: none;
}
.P-campaignOrientDeciveAppDecive .M-commonSLCItemHead {
  padding-top: 0px !important;
}
.P-formCountSelector {
  width: 148px;
  height: 45px;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
}
.P-formCountSelector b {
  line-height: 45px;
  vertical-align: top;
  position: absolute;
}
.P-formCountSelector b:nth-of-type(1) {
  left: 6px;
}
.P-formCountSelector b:nth-of-type(2) {
  left: 96px;
}
.P-formCountSelector .countInput {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  display: block;
  width: 60px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.P-formCountSelector .btnCon {
  position: absolute;
  width: 15px;
  height: 30px;
  left: 80px;
  top: 50%;
  margin-top: -15px;
}
.P-formCountSelector .countSelectorCtr {
  display: block;
  width: 13px;
  height: 15px;
  cursor: pointer;
  border: 1px solid #CCC;
  border-left: none;
  text-align: center;
}
.P-formCountSelector .countSelectorCtr:hover {
  background: #F5F5F5;
}
.P-formCountSelector .addIcon i {
  vertical-align: 3px;
}
.P-formCountSelector .subIcon {
  margin-top: -1px;
}
.P-formCountSelector .subIcon i {
  vertical-align: -1px;
}
.P-formCountSelector .edit {
  position: absolute;
  right: 11px;
  top: 50%;
  font-size: 20px;
  margin-top: -15px;
  line-height: 30px;
}
.P-campaignDiagnosis .dStatus {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background: #eeeeee url(../icons/diagnosis.png) no-repeat;
}
.P-campaignDiagnosis .pass {
  background-position: 0px 0px;
}
.P-campaignDiagnosis .part {
  background-position: -16px 0;
}
.P-campaignDiagnosis .shit {
  background-position: -32px 0;
}
.P-userLoginForm {
  display: block;
  padding: 50px 100px 0;
}
.P-userLoginFormLogo {
  width: 320px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  overflow: hidden;
  vertical-align: middle;
}
.P-userLoginFormLogo img {
  margin-left: 12px;
  margin-top: 10px;
}
.P-userLoginFormTitle {
  display: none;
  margin: 0 0 5px;
  font-size: 16px;
}
.P-userLoginFormInput {
  width: 320px;
  font-size: 16px;
  padding: 8px 6px;
  border: 1px solid #AAA;
}
.P-userLoginFormInvalid {
  border-color: #DC8D99!important;
  background: #FFF7F8!important;
}
.P-userLoginFormError {
  display: block;
  color: #C83100;
  line-height: 25px;
  height: 30px;
  font-size: 13px;
}
.P-userLoginFormOption {
  padding: 10px 0 10px;
  font-size: 13px;
}
.P-userLoginFormOption label {
  color: #fff;
}
.P-userLoginFormOption label input {
  vertical-align: -2px;
}
.P-userLoginFormButtonBar {
  padding: 20px 0;
  text-align: center;
  font-size: 13px;
}
.P-userLoginFormButtonBar button {
  width: 335px;
  height: 40px;
  border-radius: 3px;
  background: #ce3939 !important;
}
.P-userLoginFormButtonBar button:hover {
  background: #cf2222 !important;
}
.P-userLoginFormButtonBar button:active {
  background: #cf2222 !important;
}
.P-messageCenter .un-read {
  color: #07d;
  font-size: 13px;
}
.P-shortCutMenu .shortCutPair {
  float: left;
  width: 32%;
}
.P-shortCutMenu .shortCutPair span {
  display: block;
  float: left;
  width: 50%;
}
.P-shortCutMenu .shortCutPair:nth-child(3n+2),
.P-shortCutMenu .shortCutPair:nth-child(3n+3) {
  padding-left: 1%;
  border-left: 1px solid #ccc;
}
.P-LoginLogo {
  text-align: center;
  margin-bottom: 20px;
}
.P-LoginBody .form-group {
  margin: 0 auto;
  width: 70%;
}
.P-LoginBody .email,
.P-LoginBody .pass {
  height: 40px;
  font-size: 16px;
  width: 100%;
}
.P-LoginBody .email-error,
.P-LoginBody .pass-error {
  display: block;
  color: #C83100;
  line-height: 25px;
  height: 30px;
  font-size: 13px;
}
.P-LoginBody .option {
  color: #f8f8f8;
}
.P-LoginBody .option label {
  display: inline-block;
  margin-right: 100px;
  cursor: pointer;
}
.P-LoginBody .option label:hover {
  color: #fff;
}
.P-LoginBody .option label input {
  cursor: pointer;
  margin-right: 4px;
}
.P-LoginBody .option label:last-of-type {
  margin-right: 0px;
}
.P-LoginBody .buttonBar {
  margin-top: 30px;
}
.P-LoginBody .buttonBar button {
  width: 100%;
  height: 40px;
}
.P-LoginBody .selectInfo {
  position: absolute;
  top: 40px;
  background: #fff;
  width: 100%;
  display: none;
}
.P-LoginBody .selectInfo li {
  height: 30px;
  line-height: 30px;
  text-indent: 14px;
  font-weight: bold;
}
.P-LoginBody .form-group:hover .selectInfo,
.P-LoginBody .form-group:active .selectInfo {
  display: block;
}
.P-invoiceContent {
  color: #b9b9b9;
}
.P-invoiceDetail .invoiceMessage,
.P-invoiceDetail .invoiceMoney,
.P-invoiceDetail .invoiceRecord {
  margin: 4px 0;
  line-height: 30px;
  height: 30px;
}
.P-invoiceDetail .invoiceMessage > label,
.P-invoiceDetail .invoiceMoney > label,
.P-invoiceDetail .invoiceRecord > label {
  font-size: 14px;
  font-weight: bold;
}
.P-invoiceDetail .invoiceMessage > strong,
.P-invoiceDetail .invoiceMoney > strong,
.P-invoiceDetail .invoiceRecord > strong,
.P-invoiceDetail .invoiceMessage > span,
.P-invoiceDetail .invoiceMoney > span,
.P-invoiceDetail .invoiceRecord > span,
.P-invoiceDetail .invoiceMessage > a,
.P-invoiceDetail .invoiceMoney > a,
.P-invoiceDetail .invoiceRecord > a,
.P-invoiceDetail .invoiceMessage > b,
.P-invoiceDetail .invoiceMoney > b,
.P-invoiceDetail .invoiceRecord > b,
.P-invoiceDetail .invoiceMessage > span > b,
.P-invoiceDetail .invoiceMoney > span > b,
.P-invoiceDetail .invoiceRecord > span > b {
  vertical-align: middle;
}
.P-invoiceDetail .invoiceMessage > a,
.P-invoiceDetail .invoiceMoney > a,
.P-invoiceDetail .invoiceRecord > a {
  vertical-align: bottom;
}
.P-invoiceDetail .invoiceMessage > strong,
.P-invoiceDetail .invoiceMoney > strong,
.P-invoiceDetail .invoiceRecord > strong {
  font-size: 18px;
  font-weight: normal;
}
.P-invoiceDetail .invoiceMessage > b,
.P-invoiceDetail .invoiceMoney > b,
.P-invoiceDetail .invoiceRecord > b {
  font-size: 16px;
  margin-left: 6px;
  font-weight: normal;
}
.P-invoiceDetail .invoiceMessage span {
  color: #aaa;
  font-weight: normal;
  margin-left: 5px;
}
.P-invoiceDetail .invoiceMessage span b {
  font-weight: normal;
}
.P-invoiceDetail .invoiceRecord {
  font-size: 14px;
  font-weight: bold;
}
.P-invoiceDetailStatusRender .statusWrap {
  display: inline-block;
  color: #b9b9b9;
  text-align: center;
}
.P-invoiceDetailStatusRender .statusWrap .statusIcon {
  display: inline-block;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -125px 0;
  width: 20px;
  height: 20px;
}
.P-invoiceDetailStatusRender .statusWrap .finishIcon {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -85px -100px;
  width: 20px;
  height: 20px;
}
.P-invoiceDetailStatusRender .statusWrap .processIcon {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -105px -100px;
  width: 20px;
  height: 20px;
}
.P-invoiceDetailStatusRender .statusWrap .statusType {
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
}
.P-invoiceDetailStatusRender .statusWrap .finishFont {
  color: #555555;
}
.P-invoiceDetailStatusRender .statusWrap .statusTime {
  display: block;
  color: #b9b9b9;
  font-size: 12px;
  line-height: 20px;
  min-width: 66px;
}
.P-invoiceDetailStatusRender .statusWrap .statusNote {
  display: block;
  color: #b9b9b9;
  font-size: 12px;
  line-height: 20px;
  max-width: 100px;
}
.P-invoiceDetailStatusRender .statusWrap .statusLine {
  display: inline-block;
  width: 50px;
  height: 55px;
  border-top: 1px dashed #b9b9b9;
}
.P-invoiceDetailStatusRender .statusLine {
  display: inline-block;
  width: 50px;
  height: 55px;
  border-top: 1px dashed #b9b9b9;
}
.P-invoiceDetailStatusRender .fullLine {
  border-top: 1px solid #b9b9b9;
}
.P-invoiceDetailStatusRender .statusHide {
  display: none;
}
.P-invoiceDetailStatusRender .statusShow {
  display: inline-block;
}
.P-invoiceDetailHeaderTitle {
  font-size: 19px;
}
.P-invoiceDetailHeaderClear {
  clear: both;
}
.P-invoiceEdit {
  height: 400px;
}
.P-invoiceEditwrap span {
  margin-left: 10px;
}
.P-invoiceEdit .content {
  padding-left: 36px;
}
.P-invoiceEdit .radioButton {
  margin-left: 15px;
}
.P-invoiceEdit .uploadContent input {
  width: 300px;
}
.P-invoiceEdit .M-formInput {
  margin-left: 15px;
}
.P-invoiceEdit .M-formInput input {
  width: 300px;
}
.P-invoiceEdit .invoiceAdjust {
  text-align: right;
  width: 14%;
  display: table-cell;
  float: left;
}
.P-invoiceEdit .M-formLabel {
  width: 90px;
}
.P-invoiceEdit .M-commonRadioGroup {
  display: inline;
}
.P-invoiceEdit .M-commonRadioGroup .items {
  display: inline;
}
.P-invoiceEdit .M-commonRadioGroup .items label {
  padding-right: 20px;
}
.P-invoiceEdit .upload {
  position: relative;
  min-height: 30px;
}
.P-invoiceEdit .uploadContent {
  display: inline-block;
  position: relative;
  top: -5px;
  vertical-align: top;
}
.P-invoiceEdit .upload .M-uploaderInput {
  width: 150px;
}
.P-invoiceApply .invoiceInput input {
  width: 200px;
}
.P-invoiceApply .invoiceAmount {
  font-size: 14px;
}
.P-invoiceAddGrid {
  width: 700px;
}
.P-invoiceAddAmount {
  margin: 10px 0;
}
.P-invoiceAddAmount label {
  margin-right: 10px;
}
.P-invoiceAddAmount i {
  display: inline-block;
  margin-left: 5px;
  font-style: normal;
}
.P-invoiceAddAmount .amount {
  display: inline-block;
}
.P-invoiceAddAmount .allowAmount {
  display: inline-block;
}
.P-sweetyAdjustmentInput {
  margin-left: 29px;
}
.P-sweetyAdjustmentSpan {
  margin-left: 5px;
}
.P-sweetyEdit .inputText {
  width: 50px;
  height: 28px;
}
.P-sweetyEditName {
  width: 40%;
}
.P-sweetyEditThirdUrl {
  width: 80%;
  height: 75px;
}
.P-sweetyUploadOutLink {
  min-width: 780px;
}
.P-sweetyUploadOutLink .M-formCon {
  background-color: white;
}
.P-sweetyUploadOutLink .import {
  margin-top: -37px;
}
.P-sweetyUploadOutLink .skip {
  margin-left: -58px;
  margin-top: 49px;
}
.P-sweetyUploadOutLink .group-label {
  min-width: 50px;
  width: 7%;
}
.P-sweetyUploadOutLink .conflict {
  border: 1px solid #ffdddd;
}
.P-sweetyUploadOutLink .Materials {
  padding-left: 23px;
}
.P-sweetyUploadOutLink .Materials .thumb {
  display: inline-block;
  vertical-align: middle;
}
.P-sweetyUploadOutLink .Materials .thumb img {
  width: 80px;
}
.P-sweetyUploadOutLink .Materials .operate {
  vertical-align: middle;
  display: inline-block;
}
.P-sweetyUploadOutLink .Materials .info {
  width: 50%;
  vertical-align: middle;
  display: inline-block;
}
.P-sweetyUploadOutLink .Materials .info .url {
  width: 75%;
  min-width: 200px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.P-sweetyUploadOutLink .Materials .info .info-label {
  min-width: 50px;
  width: 5%;
  text-align: right;
}
.P-sweetyUploadOutLink .Materials .info .input {
  margin-top: -3px;
  margin-left: 7px;
  min-width: 200px;
  width: 75%;
}
.P-sweetyUploadOutLink .Materials .info .detail {
  min-width: 430px;
}
.P-sweetyUploadOutLink .Materials .info .detail span {
  margin-left: 5px;
  margin-right: 25px;
}
.P-sweetyUploadOutLink i.close {
  top: 6px;
  right: 6px;
  position: absolute;
  font-size: 16px;
  cursor: pointer;
}
.P-sweetyUploadCustom {
  position: relative;
  padding-bottom: 10px;
  border-bottom: dashed 2px #ddd;
  border-radius: 5px;
}
.P-sweetyUploadCustom img {
  max-width: 100%;
}
.P-sweetyUploadCustom .link {
  width: 80%;
}
.P-sweetyUploadCustom i.close {
  top: 6px;
  right: 6px;
  position: absolute;
  font-size: 16px;
  cursor: pointer;
}
.P-sweetyUploadCustom .content {
  padding-left: 35px;
}
.P-sweetyUploadCustom .content .info {
  float: left;
  padding: 5px 10px;
  max-width: 260px;
}
.P-sweetyUploadCustom .content .info .width {
  display: inline-block;
  min-width: 60px;
}
.P-sweetyUploadCustom .content .thumb {
  float: left;
  width: 66px;
  height: 81px;
  padding: 5px;
  overflow: hidden;
  line-height: 80px;
  border: 1px solid #CCC;
  background-color: #F8F8F8;
  background-image: none!important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
}
.P-sweetyUploadCustom .content .ctrl {
  float: left;
  padding: 5px;
  width: 30px;
}
.P-sweetyUploadCustom .content .ctrl .preview {
  color: #0E91DF;
  cursor: pointer;
}
.P-sweetyPicTextSelectBox {
  padding: 15px 15px 15px 15px;
  min-height: 30px;
  margin-left: 5px;
  margin-right: 5px;
}
.P-sweetyPicTextUploadBox {
  margin-left: 120px;
}
.P-sweetyPicText .channelDp {
  padding: 5px 0 0 20px;
}
.P-sweetyPicText .channelBox {
  padding: 5px;
  border-bottom-color: #d2d2c7;
  background: #f5f5f5;
  border-radius: 5px;
  margin: 15px 15px 15px 15px;
}
.P-sweetyPicText .channelBox .title {
  border-bottom: 1px solid rgba(9, 15, 7, 0.71);
  padding: 20px 15px 15px 15px;
  min-height: 30px;
}
.P-sweetyPicText .templateBox {
  border-bottom: 3px dotted darkgray;
  padding: 5px 5px 15px 30px;
  position: relative;
  margin: 15px;
}
.P-sweetyPicText .templateBox .templateTitle {
  margin-left: -25px;
  display: block;
}
.P-sweetyPicText .templateBox .templateName {
  margin-left: -28px;
  display: block;
  margin-top: 5px;
}
.P-sweetyPicText .templateBox .templateInput {
  margin-top: 15px;
}
.P-sweetyPicText .templateBox .templateOperate {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
}
.P-sweetyPicText .templateBox .templateOperate .operate {
  display: block;
  color: #0a61ff;
  cursor: pointer;
}
.P-sweetyPicText .templateBox .templateOperate .operate:hover {
  text-decoration: underline;
}
.P-sweetyPicText .templateBox .minInput {
  min-width: 300px;
}
.P-sweetyPicText .templateBox .bigInput {
  min-width: 600px;
}
.P-sweetyPicText .templateBox .textAreaCss {
  min-width: 300px;
  min-height: 150px;
}
.P-sweetyPicText .templateBox i.close {
  top: 6px;
  right: 6px;
  position: absolute;
  font-size: 16px;
  cursor: pointer;
}
.P-sweetyPicText .templateBox .mainMaterial {
  padding: 15px 0 6px 0;
}
.P-sweetyPicText .templateBox .textLabel {
  float: left;
  width: 120px;
  min-width: 100px;
  text-align: right;
  font-size: 14px;
}
.P-sweetyPicText .templateBox .textInput {
  margin-left: 120px;
}
.P-sweetyPicText .conflict {
  border: 1px solid #ffdddd;
}
.P-sweetyPicText .M-uploaderCreativeInfo {
  padding: 10px 0 0 3px;
  color: #999999;
}
.P-sweetyPicText .channelSelect {
  border: 1px solid #CCCCCC;
  margin: 0px 1% 0px 1%;
  padding: 6px 0px 5px 0px;
}
.P-sweetyPicText .channelSelect .AdxList {
  display: inline-block;
  padding: 2px 0 2px 20px;
}
.P-sweetyPicText .grayText {
  color: #999999;
}
.P-sweetyPicText .f-is-danger {
  border-color: #f5a69e !important;
}
.P-sweetyUploadVideoOuterlink {
  position: relative;
  margin-bottom: 15px;
  border-bottom: dashed 2px #ddd;
  border-radius: 5px;
}
.P-sweetyUploadVideoOuterlink .name {
  width: 40%;
}
.P-sweetyUploadVideoOuterlink .size {
  width: 10%;
}
.P-sweetyUploadVideoOuterlink .link {
  width: 40%;
}
.P-sweetyUploadVideoOuterlink i.close {
  top: 6px;
  right: 6px;
  position: absolute;
  font-size: 16px;
  cursor: pointer;
}
.P-sweetyUploadVideoOuterlink .linkRemoveBtn {
  padding: 0;
  text-align: center;
  width: 30px;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: -3px;
}
.P-sweetyUploadVideoOuterlink .indexSpan {
  width: 16px;
  display: inline-block;
  text-align: right;
}
.P-sweetySideBarTag .label {
  display: inline-block;
}
.P-sweetySideBarTag .label i.close {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -29px -64px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.P-sweetySideBarTag .label i.close:hover {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
}
.P-sweetyRepeatPopContainer {
  max-height: 500px;
  padding-right: 20px;
}
.P-sweetyRepeatPopItemHead {
  height: 30px;
  margin: 14px 0 0;
  line-height: 30px;
  background: #F4F4F4;
  font-weight: bolder;
  padding: 0 14px 0 10px;
}
.P-sweetyRepeatPopItemSub {
  height: 110px;
  padding: 15px;
  overflow: hidden;
}
.P-sweetyRepeatPopItemSub .itemSubPic {
  float: left;
  display: inline;
  width: 65px;
  height: 80px;
  margin: 0 15px 0 0;
  overflow: hidden;
  line-height: 80px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  background-image: none!important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
}
.P-sweetyRepeatPopItemSub .itemSubPic img {
  display: block;
  width: 100%;
  vertical-align: middle;
}
.P-sweetyRepeatPopItemSub .itemSubInfo {
  float: left;
  display: inline;
  width: 370px;
  max-width: 370px;
  overflow: hidden;
}
.P-sweetyRepeatPopItemSub .itemSubName {
  margin: 7px 0;
}
.P-sweetyRepeatPopItemSub .itemSubNew {
  margin-left: 5px;
  font-size: 15px;
  color: red;
}
.P-sweetyRepeatPopItemSub .itemSubType {
  margin-right: 10px;
}
.P-sweetyRepeatPopItemSub .itemSubSize {
  margin-top: 2px;
}
.P-sweetyRepeatPopItemSub .itemSubCtrl {
  float: left;
  display: inline;
  text-align: left;
  margin: 0 0 0 15px;
}
.P-sweetyRepeatPopItemSub .itemSubCtrl a {
  display: block;
  margin-top: 15px;
  font-size: 12px;
}
.P-sweetyRepeatPopItemSub.selected {
  background: #C4E8FF;
}
.P-sweetyAddManually {
  position: relative;
  padding-bottom: 10px;
  border-bottom: dashed 2px #ddd;
  border-radius: 5px;
}
.P-sweetyAddManually i.close {
  top: 6px;
  right: 6px;
  position: absolute;
  font-size: 16px;
  cursor: pointer;
}
.P-sweetyAddManually .link {
  width: 80%;
}
.P-sweetyAddManually .name {
  width: 40%;
}
.P-sweetyAddManually .size {
  width: 10%;
}
.P-sweetyAddManually .code {
  width: 80%;
  height: 125px;
}
.P-sweetyAddManually .supSSL {
  margin-left: 5px;
  vertical-align: bottom;
}
.P-verifyStatus .status {
  width: 60px;
}
.P-verifyStatus .status .text {
  vertical-align: 0px;
  display: inline-block;
}
.P-verifyStatus .icon {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.P-verifyStatus .wait {
  background-position: -194px -173px;
  width: 20px;
  height: 20px;
}
.P-verifyStatus .ing {
  background-position: -194px -193px;
  width: 20px;
  height: 20px;
}
.P-verifyStatus .done {
  background-position: 0 -213px;
  width: 20px;
  height: 20px;
}
.P-verifyStatus .reject {
  background-position: -194px -133px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.P-verifyStatus .rejectReason {
  width: 100px;
  margin: 0px;
}
.P-verifyGridHead {
  position: relative;
  left: 260px;
  top: 30px;
  z-index: 3;
}
.P-whiskyForm input.name {
  min-width: 300px;
}
.P-whiskyFormTab {
  min-height: 310px;
}
.P-whiskyForm .outerLink {
  overflow: hidden;
  padding: 0 20px;
}
.P-whiskyForm .outerLink p {
  margin-bottom: 0;
}
.P-whiskyForm .outerLink pre {
  height: auto;
}
.P-whiskyForm .outerLink dl {
  margin: 0;
}
.P-whiskyForm .outerLink dt {
  font-size: 14px;
  margin: 0 0 10px;
  font-weight: bold;
}
.P-whiskyForm .outerLink dd {
  margin: 0 0 20px 24px;
}
.P-whiskyForm .outerLink ul {
  list-style-type: disc;
  margin-left: 30px;
}
.P-whiskyForm .outerLink ul li {
  list-style-type: disc;
}
.P-whiskyForm .outerLink code {
  word-wrap: break-word;
}
.P-whiskyForm .outerLink .left_one {
  float: left;
  width: 430px;
}
.P-whiskyForm .outerLink .right_one {
  float: left;
  width: 400px;
  margin: 0 0 0 20px;
}
.P-whiskyForm .outerLink code.inline_code {
  padding: 3px;
  margin: 0 4px;
  color: #d37e61;
  border-radius: 5px;
  background: #f4f4f4;
  border: 1px solid #eaeaea;
}
.P-whiskyForm .outerLink a:hover {
  cursor: pointer;
}
.P-whiskyForm .outerLink .warning {
  color: #aaa;
  margin: 0 0 15px;
  text-align: left;
  padding: 0 0 0 20px;
  display: inline-block;
}
.P-whiskyForm .outerLink .warning i {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -39px -64px;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.P-whiskyForm .outerLink .copy_btn {
  margin-bottom: 30px;
}
.P-whiskyForm .outerLink .theLink {
  margin-bottom: 20px;
}
.P-whiskyForm .outerLink .theLink input {
  width: 410px;
}
.P-whiskyForm .outerLink pre {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  padding: 10px;
  margin: 0 0 10px;
  border-radius: 5px;
  background: #f4f4f4;
}
.P-whiskyForm .outerLink .desc {
  color: #727272;
  margin: 5px 0;
}
.P-whiskyForm .outerLink .highlight {
  color: #F90;
}
.P-whiskyForm .outerLink .codeCenterDesc .row {
  margin-bottom: 25px;
  font-weight: bold;
}
.P-whiskyForm .outerLink .codeCenterDesc i {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  padding: 5px;
  margin: 0 0 10px;
  border-radius: 5px;
  background: #f4f4f4;
  margin: 0 5px;
  font-weight: normal;
}
.P-whiskyForm .outerLink .codeCenterDesc span {
  color: #727272;
  margin-left: 20px;
  font-weight: normal;
}
.P-whiskyForm .outerLink .textInput {
  width: 540px;
  margin: 0px 20px 0px 30px;
}
.P-whiskyFormCover {
  vertical-align: top;
  display: inline-block;
}
.P-whiskyForm .M-formTab .M-uploader {
  padding: 10px;
}
.P-whiskyMaterialTitle {
  font-size: 14px;
  padding: 10px;
}
.P-whiskyMaterial .M-commonRadioGroup {
  min-width: 600px;
  display: inline-block;
  margin-left: 10px;
  padding: 10px 10px;
  background: #F8F8F8;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 2px inset;
}
.P-whiskyMaterial .M-commonRadioGroup label {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}
.P-info .account > div > label.lb {
  width: 90px;
}
.P-info .launch > div > label.lb {
  width: 102px;
}
.P-info .launch .spotGroup {
  position: relative;
}
.P-info .addContact .addConsult > div > input.inputText {
  width: 250px;
}
.P-infoChargePriority {
  margin-bottom: 5px;
}
.P-infoChargePriority .M-formItemCheckbox {
  cursor: pointer;
}
.P-infoChargePriority .M-formItemCheckbox input {
  margin-right: 10px;
}
.P-infoChargePriorityCon {
  border: 1px solid #ccc;
  background: #fff;
  min-height: 50px;
  width: 882px;
  margin: 5px 0 10px;
  padding: 10px;
}
.P-infoChargePriorityCon .tipsCon {
  display: inline-block;
}
.P-infoChargePriorityCon .radioGroup {
  display: inline-block;
}
.P-info .moreRule {
  cursor: pointer;
  color: #498fca;
  padding: 0 5px 0 15px;
  margin-right: 0px;
}
.P-info .moreRule > i {
  display: inline-block;
  margin: 0 6px -2px;
  height: 0;
  width: 0;
  overflow: hidden;
  content: " ";
  border-width: 4px;
  border-color: #498fca transparent transparent transparent;
  border-style: solid;
}
.P-info .isSignValidte {
  margin-left: 20px;
}
.P-info .explain li {
  display: list-item;
  list-style: disc;
  line-height: 25px;
}
.P-info .title {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 18px;
  display: block;
}
.P-info .subtitle {
  font-size: 16px;
  color: #666;
  padding: 10px 0;
  display: block;
}
.P-info .gridTitle {
  font-size: 14px;
  color: #666;
  padding: 10px 0;
  display: block;
}
.P-info .box {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 15px;
  position: relative;
}
.P-info .question {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -73px 0;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.P-info .item {
  padding: 5px 0;
}
.P-info .spacing {
  margin: -15px 0;
}
.P-info .inputText {
  width: 300px;
}
.P-info .sinputText {
  width: 70px;
}
.P-info .radioLabel {
  padding: 0 20px 0 5px;
  cursor: pointer;
}
.P-info .innerBox {
  border: 1px solid #ccc;
  background: #fff;
  min-height: 50px;
  width: 882px;
  margin: 10px 0px 0px 0px;
  padding: 10px;
}
.P-info .warn {
  padding-left: 100px;
}
.P-info .buttons {
  text-align: center;
}
.P-info .lb {
  font-size: 14px;
  width: 90px;
  text-align: right;
  height: 25px;
  margin-right: 10px;
  display: inline-block;
  padding-right: 20px;
}
.P-info .pitch {
  margin-right: -5px;
}
.P-info .aptitudeForm .box {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 15px;
  position: relative;
}
.P-info .aptitudeForm .item {
  padding: 8px 0;
}
.P-info .aptitudeForm .title {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 18px;
  display: block;
}
.P-info .aptitudeForm .lb {
  font-size: 14px;
  width: 65px;
  text-align: right;
  height: 25px;
  margin-right: 10px;
  display: inline-block;
  padding-right: 20px;
  clear: both;
  float: left;
}
.P-info .aptitudeForm .channelWrap {
  margin-bottom: 10px;
  padding-left: 94px;
}
.P-info .aptitudeForm .channelWrap .channelItem {
  clear: both;
  line-height: 40px;
  width: 900px;
  height: 50px;
  border-bottom: 1px solid #C9C9C9;
}
.P-info .aptitudeForm .channelWrap .channelItem > input[type=checkbox] {
  margin-top: 15px;
}
.P-info .aptitudeForm .channelWrap .channelItem .content .M-commonDropdown {
  cursor: pointer;
}
.P-info .aptitudeForm .channelWrap .channelItem .content .result {
  cursor: pointer;
}
.P-info .aptitudeForm .channelWrap .channelItem .content .status {
  padding-left: 15px;
  display: inline;
  margin-right: 20px;
  vertical-align: middle;
}
.P-info .aptitudeForm .channelWrap .channelItem .content .arrow {
  margin-top: -20px;
}
.P-info .aptitudeForm .channelWrap .channelItem .content .inputText {
  width: 600px;
}
.P-info .selectAptitudeWrap .selectivedown {
  position: absolute;
  right: 20px;
  top: 44px;
  z-index: 1;
}
.P-info .selectAptitudeWrap .addedPage .animated {
  background-color: #fff;
}
.P-info .selectAptitudeWrap .addedPage .aptitudeFormTitle {
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 18px;
}
.P-info .spotGroup {
  position: relative;
}
.P-info .spotGroup .showAuth {
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 1;
  cursor: pointer;
}
.P-infoSelectAptitudeBox .frontLabel {
  font-size: 14px;
  width: 102px;
  text-align: right;
  height: 25px;
  margin-right: 10px;
  display: inline-block;
  padding-right: 20px;
}
.P-infoSelectAptitudeBox .classify {
  display: inline-block;
  height: 25px;
  color: #aaa;
  line-height: 22px;
}
.P-infoSelectAptitudeBox .content {
  margin-left: 0px;
  padding: 0;
  width: 580px;
}
.P-infoSelectAptitudeBox .content .default {
  display: block;
  width: 580px;
  margin-top: 5px;
  margin-bottom: 8px;
}
.P-infoSelectAptitudeBox .content .labelItem {
  display: block;
  width: 290px;
  height: 20px;
  float: left;
  margin-bottom: 5px;
}
.P-infoSelectAptitudeBox .content a {
  padding-left: 5px;
}
.P-infoSelectAptitudeBox .content a.view {
  color: gray;
}
.P-infoSelectAptitudeBox .content i.remove {
  cursor: pointer;
  margin-left: 15px;
}
.P-infoMoreRuleTableDP .dropdownCon {
  float: left;
  padding-right: 10px;
}
.P-infoMoreRuleTableDP > input {
  float: left;
  width: 65px;
}
.P-infoMoreRuleTableDP > span {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
}
.P-infoChannelBox .P-infoCheckGroupList {
  border-width: 0px;
}
.P-infoChannelBox .P-infoCheckGroupItem {
  width: 105px;
}
.P-infoCheckGroup {
  width: 815px;
}
.P-infoCheckGroupItem {
  width: 120px !important;
  text-align: left !important;
  margin: 0 5px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.P-infoCheckGroupItem input {
  margin-right: 5px;
}
.P-infoCheckGroupList {
  display: inline-block;
  border: solid 1px #ccc;
  background-color: #fff;
  width: 600px;
}
.P-infoCheckGroupListCon {
  padding: 5px 5px;
}
.P-infoCheckGroupListCon label {
  cursor: pointer;
}
.P-infoWhiteList {
  display: inline-block;
  border: solid 1px #ccc;
  background-color: #fff;
  width: 600px;
}
.P-infoWhiteList .operator .content {
  width: 50px !important;
  text-align: left !important;
  margin: 0 5px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.P-infoWhiteList .body {
  display: inline-block;
  border: solid 1px #ccc;
  background-color: #fff;
  width: 700px;
  padding: 10px;
}
.P-infoWhiteList .body .content {
  width: 120px !important;
  text-align: left !important;
  margin: 0 5px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 !important;
}
.P-infoWhiteList .M-checkBoxGroupBody {
  padding: 10px;
}
.P-infoChannelWin .body {
  width: 600px;
}
.P-infoSpotWin .spotCon {
  position: relative;
}
.P-infoSpotWin .spotCon .hasSelected {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 1;
}
.P-info .viewAptitude .aptitudeDetailName {
  display: inline-block;
  font-size: 16px;
  margin: 0 0 10px 60px;
  width: 350px;
}
.P-dspUserHeader {
  line-height: 30px;
  vertical-align: middle;
}
.P-dspUserHeaderTitle {
  font-size: 19px;
}
.P-dspUserHeader .addButton {
  position: relative;
  top: -2px;
}
.P-dspUserHeaderClear {
  clear: both;
}
.P-dspUserCharge .overall-budget {
  margin-left: 12px;
}
.P-dspUserCharge .M-commonRadioGroup {
  display: inline;
}
.P-dspUserCharge .M-commonRadioGroup .items {
  display: inline;
}
.P-dspUserCharge .M-commonRadioGroup .items label {
  padding-right: 10px;
}
.P-dspUserCharge .standar {
  text-indent: 75px;
  font-size: 15px;
}
.P-dspUserCharge .remark {
  padding-left: 24px;
  margin-top: -60px;
}
.P-dspUserCharge .remarkText {
  width: 275px;
}
.P-dspUserInvoice .M-formLabel {
  width: 115px;
}
.P-dspUserInvoice .M-commonRadioGroup {
  display: inline;
}
.P-dspUserInvoice .M-commonRadioGroup .items {
  display: inline;
}
.P-dspUserInvoice .upload {
  position: relative;
}
.P-dspUserInvoice .uploadContent {
  display: block;
  position: absolute;
  top: -5px;
  padding-left: 125px;
}
.P-dspUserInvoice .upload .M-uploaderInput {
  width: 110px;
}
.P-dspUser .manual_pause {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -125px -20px;
  width: 20px;
  height: 20px;
}
.P-dspUser .manual_start {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -125px -40px;
  width: 20px;
  height: 20px;
}
.P-dspUserManualDeny .DenyInfoTitle {
  font-size: 14px;
}
.P-dspUserManualDeny .DenyInfo input {
  width: 240px;
  display: inline-block;
}
.P-adsAddCon {
  width: 48%;
  height: 420px;
  min-width: 520px;
  border: 1px solid #ddd;
  margin: 5px 10px 10px;
  border-radius: 5px;
  position: relative;
  float: left;
  overflow-y: auto;
}
.P-adsAddCon .M-radioGroup .content {
  width: auto !important;
}
.P-adsAddCon .M-radioGroup input {
  width: 13px;
  margin: 0px;
}
.P-adsAddCon .adsAddBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -29px;
}
.P-adsAdd .addBtn {
  width: 200px;
  line-height: 45px;
  font-size: 18px;
}
.P-adsAdd .addBtn i {
  margin-right: 10px;
}
.P-adsAdd .close {
  top: 10px;
  right: 10px;
  cursor: pointer;
  position: absolute;
  font-size: 16px;
}
.P-adsMediaContainer {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #EAEAE8;
  position: relative;
  margin: 10px 0;
}
.P-adsPopwinCreateGroup .spotContainer {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fcfcfc;
  min-height: 100px;
  max-height: 250px;
  overflow-y: auto;
  padding: 0 0 4px 4px;
}
.P-adsPopwinCreateGroup .spotContainer > ul {
  margin: 0;
  padding: 0;
}
.P-adsPopwinCreateGroup .spotContainer > ul > li {
  float: left;
  margin: 4px 4px 0 0;
  background: #EAF1FB;
  border-radius: 3px;
  white-space: nowrap;
  padding: 4px 8px;
}
.M-HighGrid .price-edit {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -194px 0;
  width: 18px;
  height: 14px;
  display: inline-block;
  cursor: pointer;
  vertical-align: -1px;
  margin-right: -4px;
}
.M-HighGrid .costPrice {
  display: inline-block;
  float: left;
  margin-top: 4px;
  width: 20px !important;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -125px -105px;
  width: 16px;
  height: 16px;
}
.editMediaSpot .mod {
  padding: 5px 0;
}
.editMediaSpot .tips {
  margin-top: 0;
}
.editMediaSpot .tips li {
  list-style-type: disc;
}
.editMediaSpot .label {
  vertical-align: top;
}
.editMediaSpot .itemLabel {
  width: 65px;
}
.radioDistance {
  margin-left: 27px;
}
.adjustment {
  margin-bottom: -26px;
}
.P-productEdit .link {
  text-decoration: none;
}
.P-productEdit .addPlatform {
  display: none;
  padding: 20px;
  font-size: 13px;
  background: #FFF;
}
.P-productEdit .postfix {
  position: relative;
  top: 8px;
  left: 6px;
  font-weight: bold;
  color: green;
}
.P-product .selectProductWrap {
  min-height: 592px;
  position: relative;
}
.P-product .selectProductWrap .selectivePage {
  position: relative;
}
.P-product .selectProductWrap .selectivePage .headerBtn {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
}
.P-product .selectProductWrap .selectivePage .headerBtn .selected {
  line-height: 34px;
}
.P-product .selectProductWrap .addedPage .animated {
  background-color: #fff;
  min-height: 592px;
}
.P-product .selectProductWrap .addedPage .animated .P-whiskyUpload .outerLink .tip {
  width: 400px;
}
.P-adsGroupEditName {
  width: 40%;
}
.P-adsGroupEditChannel {
  width: 80%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}
.P-adsGroupEditScreen {
  width: 80%;
}
.P-adsGroupEditScreen .M-checkBoxGroupBody .content {
  margin: 0 0 5px;
}
.P-adsGroupEditDisplay {
  width: 80%;
}
.P-adsGroupEditDisplay .M-checkBoxGroupBody .content {
  margin: 0 0 5px;
}
.P-adsGroupEditAds {
  padding-top: 15px;
  position: relative;
}
.P-adsGroupEditAds .gridOperate {
  position: absolute;
  right: 0px;
  top: 16px;
  z-index: 1;
}
.P-adsGroupEditAds .selectOperate {
  height: 60px;
}
.P-adsGroupEditAds .title {
  font-size: 14px;
  font-weight: 600;
}
.P-adsGroupEditAds .selectContainer {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fcfcfc;
  min-height: 50px;
  max-height: 250px;
  overflow-y: auto;
  padding: 0 0 4px 4px;
}
.P-adsGroupEditAds .selectContainer > ul {
  margin: 0;
  padding: 0;
}
.P-adsGroupEditAds .selectContainer > ul > li {
  cursor: pointer;
  float: left;
  margin: 4px 4px 0 0;
  background: #EAF1FB;
  border-radius: 3px;
  white-space: nowrap;
  padding: 4px 8px;
}
.P-adsGroupEditAds .selectContainer > ul > li:hover {
  text-decoration: line-through;
}
.P-adsGroupEditAds .selectContainer .empty {
  font-size: 16px;
  text-align: center;
  line-height: 60px;
}
.P-adsGroupEditAdSize {
  padding-top: 15px;
}
.P-adsGroupEditAdSize .total {
  float: left;
  width: 50%;
}
.P-adsGroupEditAdSize .select {
  float: right;
  width: 45%;
}
.P-adsGroupEditAdSizeBar {
  position: relative;
}
.P-adsGroupEditAdSizeBar i {
  display: block;
  background-color: rgba(80, 185, 235, 0.25);
  height: 19px;
}
.P-adsGroupEditAdSizeBar p {
  position: absolute;
  right: 0px;
  line-height: 19px;
  margin: 0px;
}
.P-adsGroupEditDomain {
  padding-top: 15px;
  position: relative;
}
.P-adsGroupEditDomain .operate {
  position: absolute;
  right: 0px;
  top: 16px;
  z-index: 1;
}
.P-adsGroupEditDomain .bigText {
  width: 80%;
  height: 150px;
}
.P-adsGroupEditMedia {
  padding-top: 15px;
}
.P-adsGroupEditMedia .M-commonSLC {
  width: 100%;
}
.P-adsGroupEditMedia .M-commonSLCZoneHead {
  display: none;
}
.P-adsGroupEditMedia .M-commonSLCZoneBody {
  margin-left: 0px;
}
.P-adsGroupEditSohuChannel,
.P-adsGroupEditMogo {
  padding-top: 15px;
}
.P-adsGroupEditOldMedia {
  display: inline-block;
  padding: 2px 10px;
  margin: 2px 6px;
  background: #E7E7E7;
}
.P-adsGroupEditRemark {
  width: 80%;
}
.P-financeDetailHeader .account {
  display: inline-block;
  width: 330px;
  font-size: 18px;
}
.P-financeDetailHeader label {
  font-weight: bold;
}
.P-financeDetailHeader .sum p {
  display: inline-block;
  margin: 0;
}
.P-financeDetail em {
  font-style: normal;
}
.P-financeDetail em.green {
  color: #34ad16;
}
.P-financeDetail em.red {
  color: red;
}
.P-codeCenter .outerLink {
  overflow: hidden;
}
.P-codeCenter .outerLink pre {
  height: auto;
}
.P-codeCenter .outerLink dl {
  margin: 0;
}
.P-codeCenter .outerLink dt {
  font-size: 14px;
  margin: 0 0 10px;
  font-weight: bold;
}
.P-codeCenter .outerLink dd {
  margin: 0 0 20px 24px;
}
.P-codeCenter .outerLink ul {
  margin-left: 30px;
}
.P-codeCenter .outerLink code {
  word-wrap: break-word;
}
.P-codeCenter .outerLink .cross {
  height: 203px;
}
.P-codeCenter .outerLink .left_one {
  float: left;
  width: 430px;
}
.P-codeCenter .outerLink .right_one {
  float: left;
  width: 400px;
  margin: 0 0 0 20px;
}
.P-codeCenter .outerLink code.inline_code {
  padding: 3px;
  margin: 0 4px;
  color: #d37e61;
  border-radius: 5px;
  background: #f4f4f4;
  border: 1px solid #eaeaea;
}
.P-codeCenter .outerLink a:hover {
  cursor: pointer;
}
.P-codeCenter .outerLink .warning {
  color: #aaa;
  margin: 0 0 15px;
  text-align: left;
  padding: 0 0 0 20px;
  display: inline-block;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -39px -64px;
  width: 16px;
  height: 16px;
}
.P-codeCenter .outerLink .copy_btn {
  margin-bottom: 30px;
}
.P-codeCenter .outerLink .theLink {
  margin-bottom: 20px;
}
.P-codeCenter .outerLink .theLink input {
  width: 410px;
}
.P-codeCenter .outerLink .finalTheLink .M-formItemLabel {
  width: 90px;
  height: auto;
}
.P-codeCenter .outerLink pre {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  padding: 10px;
  margin: 0 0 10px;
  border-radius: 5px;
  background: #f4f4f4;
}
.P-codeCenter .outerLink .desc {
  color: #727272;
  margin: 5px 0;
}
.P-codeCenter .outerLink .highlight {
  color: #F90;
}
.P-codeCenter .outerLink .codeCenterDesc .row {
  margin-bottom: 25px;
  font-weight: bold;
  margin-left: 0;
}
.P-codeCenter .outerLink .codeCenterDesc i {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  padding: 5px;
  margin: 0 0 10px;
  border-radius: 5px;
  background: #f4f4f4;
  margin: 0 5px;
  font-weight: normal;
}
.P-codeCenter .outerLink .codeCenterDesc span {
  color: #727272;
  margin-left: 20px;
  font-weight: normal;
}
.P-codeCenter .outerLink .textInput {
  margin: 0px 20px 0px 30px;
}
.P-codeCenterBrand .outerLink {
  background-color: #f4f4f4;
  margin-left: 0!important;
  padding-bottom: 25px;
}
.P-codeCenterBrand .outerLink .customCode {
  z-index: 1;
  margin: 0 20px;
  border-bottom: 1px solid #dad8d8;
}
.P-codeCenterBrand .outerLink .customCode p {
  background-color: #ffffff;
  width: 100px;
  text-align: center;
  margin-left: 20px;
  padding: 8px 0;
  margin-bottom: -1px;
  margin-top: 20px;
  border: 1px solid #dad8d8;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
  z-index: 2;
}
.P-codeCenterBrand .outerLink .codeGroup {
  background-color: #ffffff;
  margin: 0 20px;
  padding-top: 20px;
  padding-left: 20px;
}
.P-codeCenterBrand .outerLink dd {
  margin: 0 0 20px 0;
}
.P-codeCenterBrand .outerLink dt {
  font-size: 12px;
  color: #656365;
}
.P-codeCenterBrand .outerLink pre {
  border-radius: 5px;
}
.P-codeCenterBrand .outerLink .leftBorder {
  border-left: 4px solid #1f5aa3;
  padding-left: 10px;
}
.P-codeCenterBrand .outerLink .tips {
  float: left;
  background-color: #edfaff;
  border: 1px solid #2db7f5;
  border-radius: 5px;
  margin-left: 30px;
  margin-top: 26px;
  padding: 10px 20px;
  width: 40%;
}
.P-codeCenterBrand .outerLink .tips .attention {
  color: #8e8b8b;
}
.P-codeCenterBrand .outerLink .mt65 {
  margin-top: 65px;
}
.P-codeCenterBrand .outerLink .items {
  width: 55%;
  float: left;
}
.P-codeCenterBrand .outerLink .clear {
  clear: both;
}
.P-accountDetail {
  font-size: 14px;
}
.P-accountDetail .item {
  display: inline-block;
  width: 45%;
  min-width: 350px;
  height: 30px;
}
.P-accountDetail .item .label {
  display: inline-block;
  width: 90px;
  text-align: right;
  margin-right: 15px;
}
.logTable {
  border: 1px solid #CCC;
}
.logTable tr {
  border-bottom: 1px solid #CCC;
}
.logTable thead tr {
  text-align: center;
}
.logTable thead th {
  padding: 5px 15px;
  background: #E4E4E4;
}
.logTable td {
  text-align: center;
  height: 30px;
  padding: 0 15px;
  background: #FFF;
  border: 1px solid #CCC;
}
.adminLogDetail {
  font-size: 14px;
}
.adminLogDetail .logItem {
  margin-bottom: 15px;
  padding: 15px 0;
  background: #F8F8F8;
}
.adminLogDetail .labelTitle {
  display: inline-block;
  min-width: 120px;
  max-width: 170px;
  padding-right: 10px;
  vertical-align: top;
  text-align: right;
  font-weight: bold;
}
.adminLogDetail .labelTitle .sp {
  font-weight: normal;
  margin-left: 15px;
}
.adminLogDetail .logContent {
  position: relative;
  display: inline-block;
  max-width: 729px;
}
.adminLogDetail .imgContent {
  display: inline-block;
}
.adminLogDetail .modifyAs {
  font-style: italic;
  color: #AAA;
}
.adminLogDetail .imgModifyAs {
  margin: 0 20px;
}
.adminLogDetail .img {
  padding: 5px 0;
  height: 100px;
  width: auto;
}
.adminLogDetail .plimg {
  padding-left: 92px;
}
.adminLogDetail .mlimg {
  margin-left: 92px;
}
.adminLogLoading {
  display: block;
  position: absolute;
  top: 20px;
  width: 940px;
  height: 350px;
  background: #eeeeee url(../images/grid_loading.gif) no-repeat center center;
}
.P-region {
  position: relative;
}
.P-regionChart {
  position: relative;
}
.P-regionTop10 {
  top: 20px;
  width: 40%;
  right: 40px;
  position: absolute;
}
.P-regionTop10Table {
  border: solid #EAEAEA;
  border-width: 1px 0 0 1px;
}
.P-regionTop10Table thead td {
  border: none;
  padding: 8px;
  text-align: right;
  line-height: 23px;
  white-space: nowrap;
  border: solid #EBEBEB;
  border-width: 0 1px 1px 0;
}
.P-regionGrid {
  display: none;
}
.P-messageManageEdit .customer {
  min-height: 32px;
  padding: 4px;
  border: 1px solid #ddd;
  background: #fff;
  color: #444;
}
.P-messageManageEdit .customer .hint {
  color: #999;
}
.P-messageManageEdit .customer .customerItem {
  display: inline-block;
  margin: 2px;
  background-color: #FFFEDD;
  border-radius: 3px;
  border: 1px solid #ebebeb;
  padding: 2px;
}
.P-messageManageEdit .customer .customerItem span {
  vertical-align: middle;
}
.P-messageManageEdit .customer .customerItem i {
  cursor: pointer;
  display: block;
  float: right;
  vertical-align: middle;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -125px -60px;
  width: 20px;
  height: 20px;
  margin: 0 -5px 0 5px;
}
.P-messageManageEdit .customer .customerItem i:hover {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
}
.P-messageManageEdit .selectBtn {
  margin-top: 6px;
  margin-left: 3px;
}
.P-messageManageEdit .title {
  width: 100%;
}
.P-messageManageCheckMessage .messageItem {
  margin-bottom: 14px;
}
.P-messageManageCheckMessage .messageItem .toLabel {
  vertical-align: top;
}
.P-messageManageCheckMessage .messageItem .toCon {
  display: inline-block;
  width: 80%;
}
.P-messageManageCheckMessage .messageItem .toCon span {
  word-break: break-all;
}
.P-messageManageCheckMessage .messageItem .contentCon {
  margin-top: 10px;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
.P-messageManageCheckMessage .messageItem > label {
  font-weight: bold;
  font-size: 15px;
}
.P-messageManageCheckPopwin {
  padding-top: 0px;
}
.P-adminAptitudeEditCer,
.P-adminAptitudeEditChannel {
  vertical-align: middle;
}
.P-adminAptitudeCertificate table {
  background: #fff;
}
.P-adminAptitudeCertificate table td {
  vertical-align: middle;
  padding: 10px;
}
.P-adminAptitudeCertificate table td input[type='text'] {
  width: 100%;
}
.P-adminAptitudeCertificate table .textTip {
  vertical-align: top;
  margin-left: 5px;
}
.P-adminAptitudeCertificate table .M-uploaderContainer {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
.P-adminAptitudeCertificate table .M-uploaderContainer .M-uploaderAssistButton {
  float: left;
  margin-right: 10px;
}
.P-adminAptitudeCertificate table .M-uploaderCoverThumb {
  width: 54px;
  height: 54px;
  padding: 4px;
  line-height: 54px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: none;
}
.P-adminAptitudeCertificate table .M-uploaderCoverThumb img {
  vertical-align: top;
}
.P-adminAptitudeChannel {
  background: #fff;
}
.P-adminAptitudeChannel .interpose {
  line-height: 50px;
}
.P-adminAptitudeChannel .M-commonDropdown {
  line-height: 18px;
}
.P-adminAptitudeChannel .extra {
  position: relative;
}
.P-adminAptitudeChannel .extra input {
  display: inline-block;
  height: 29px;
  line-height: 14px;
}
.P-adminAptitudeChannel .extra .auditStatus {
  display: inline-block;
  width: 60px !important;
}
.P-adminAptitudeChannel .auditBtn {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15px;
}
.P-adminAptitudeChannel .simpleDropdown .result {
  border-right: none;
}
.P-adminAptitudeChannel .simpleDropdown .arrow {
  background: none;
  background-color: #fff;
}
.P-adminAptitudeChannel .simpleDropdown .arrow i {
  display: none;
}
.P-adminAptitudeList table td .icon {
  margin: 0 auto;
  display: inline-block;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  font-size: 18px;
}
.P-adminAptitudeList table td .done {
  background-position: 0 -213px;
  width: 16px;
  height: 16px;
}
.P-adminAptitudeList table td .err {
  background-position: -194px -133px;
  width: 16px;
  height: 16px;
}
.P-adminAptitudeList table td .sys {
  background-position: -194px -153px;
  width: 16px;
  height: 16px;
}
.P-adminAptitudeList table td .wait {
  background-position: -194px -173px;
  width: 16px;
  height: 16px;
}
.P-adminAptitudeList table td .ing {
  background-position: -194px -193px;
  width: 16px;
  height: 16px;
}
.P-adminAptitudeBtnVerify {
  display: inline-block;
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -89px -64px;
  width: 16px;
  height: 16px;
}
.P-adminAptitudeBtnVerify:hover {
  background-position: -89px -64px;
  width: 16px;
  height: 16px;
}
.P-helpLayout {
  background: #f2fcff;
  margin: -24px -36px;
}
.P-helpLayoutMenu {
  float: left;
  width: 135px;
  padding-left: 15px;
}
.P-helpLayoutMenu > b {
  cursor: pointer;
  display: block;
  font-size: 14px;
  padding: 8px 0 2px 0;
  text-indent: 2em;
  border-bottom: 0.1em solid #D0E6ED;
  position: relative;
  margin: 5px 13px 5px 0;
}
.P-helpLayoutMenu > b em {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  width: 16px;
  height: 16px;
  float: right;
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
}
.P-helpLayoutMenu ul li {
  cursor: pointer;
  overflow: hidden;
  border-radius: 4px 0 0 4px;
  margin-bottom: 2px;
}
.P-helpLayoutMenu ul li:hover {
  background: #fff;
}
.P-helpLayoutMenu ul li.act {
  cursor: default;
  margin-right: -6px;
  background: #ffffff url(images/aicons.gif) no-repeat 90% 50%;
  -moz-box-shadow: #dceff5 -1px 2px 1px;
  -webkit-box-shadow: #dceff5 -1px 2px 1px;
  box-shadow: #dceff5 -1px 2px 1px;
}
.P-helpLayoutMenu ul li a {
  color: #555;
  display: inline-block;
  width: 100%;
  text-indent: 40px;
  padding: 5px 5px 5px 0px;
}
.P-helpLayoutOuterFrame {
  margin-left: 150px;
  border-left: #dceff5 5px solid;
}
.P-helpLayoutFrame {
  border-left: #c6d7dd 1px solid;
  background: #fff;
  padding: 15px;
}
.P-helpLayoutCrumb {
  font-size: 14px;
  padding-left: 20px;
  border-bottom: solid 1px #eeeeee;
  padding-bottom: 10px;
}
.P-helpLayoutCrumb .split {
  color: #cccccc;
  margin: 0 10px 0 2px;
  font-size: 16px;
  vertical-align: baseline;
}
.P-helpLayoutDetail {
  float: left;
  width: 100%;
  margin-left: 30px;
  margin-right: 40px;
  padding-top: 30px;
}
.P-helpLayoutDetail h2 {
  letter-spacing: 0.1em;
  padding-bottom: 14px;
  padding-left: 10px;
  border-bottom: 1px solid #ccc;
  line-height: 24px;
  font-weight: normal;
  color: #222;
  margin-bottom: 20px;
}
.P-helpLayoutDetail h2 span {
  cursor: pointer;
  color: #498fca;
}
.P-helpLayoutDetail h2 span:hover {
  color: #3399ff;
  text-decoration: underline;
}
.P-helpLayoutDetailList {
  margin-bottom: 20px;
  padding: 10px;
  max-width: 900px;
  overflow: hidden;
}
.P-helpLayoutDetailList h3 {
  font-size: 18px;
  margin-bottom: 14px;
}
.P-helpLayoutDetailList ul {
  padding-left: 30px;
}
.P-helpLayoutDetailList ul li a {
  font-size: 15px;
  cursor: pointer;
  line-height: 30px;
}
.P-helpLayoutDetailList ul li a:hover {
  text-decoration: underline;
}
.P-helpLayoutDetailDescContent {
  margin-bottom: 20px;
  padding: 10px;
  max-width: 900px;
  overflow: hidden;
  font-size: 14px;
}
.P-helpLayoutDetailDescContent h1.descTitle {
  text-align: center;
  font-size: 16px;
  margin-bottom: 28px;
  border-bottom: dashed 1px #d2d2d2;
  padding-bottom: 26px;
  font-weight: normal;
}
.P-helpLayoutDetailDescContent h1.descTitle a {
  float: right;
  cursor: pointer;
}
.P-helpLayoutDetailDescContent p {
  margin: 5px 0;
}
.P-helpLayoutDetailDescContent ol {
  list-style-type: decimal;
  padding-left: 40px;
  margin: 1em 0;
}
.P-helpLayoutDetailDescContent ul {
  list-style-type: disc;
  padding-left: 40px;
  margin: 1em 0;
}
.P-helpLayoutDetailDescContent ul ul,
.P-helpLayoutDetailDescContent ol ul {
  margin: 0;
  list-style-type: circle;
}
.P-helpLayoutDetailDescContent ol ol ul,
.P-helpLayoutDetailDescContent ol ul ul,
.P-helpLayoutDetailDescContent ul ol ul,
.P-helpLayoutDetailDescContent ul ul ul {
  margin: 0;
  list-style-type: square;
}
.P-helpLayoutDetailDescContent img {
  max-width: 90%;
}
.P-helpLayoutDetailEntrance h2 {
  font-size: 24px;
  color: #000000;
  margin-bottom: 25px;
  padding-bottom: 0;
  border: none;
}
.P-helpLayoutDetailEntrance h3 {
  font-size: 16px;
  color: #333333;
  margin-left: 15px;
  font-weight: normal;
  cursor: pointer;
  width: 120px;
}
.P-helpLayoutDetailEntrance h3:hover {
  text-decoration: underline;
}
.P-helpLayoutDetailEntrance ul {
  margin: 10px 0 15px 15px;
}
.P-helpLayoutDetailEntrance ul li {
  float: left;
  margin-right: 15px;
  line-height: 30px;
}
.P-helpLayoutDetailEntrance ul li a {
  font-size: 14px;
  cursor: pointer;
}
.P-helpLayoutDetailEntrance .entranceSpecial li {
  float: none;
  line-height: 30px;
  margin-left: 10px;
}
.P-faq-note {
  padding: 10px;
  font-size: 12px;
  margin: 0;
}
.P-faq-note ol {
  padding-left: 25px;
}
.P-faq-note li {
  margin: 0;
}
.P-faqDetail {
  border-left: 1px solid #ccc;
  margin-left: 200px;
  height: 100%;
  padding-left: 20px;
}
.P-helpContent {
  width: 1000px;
  font-size: 13px;
  padding-left: 10px;
}
.P-helpContent a:hover {
  text-decoration: none;
}
.P-helpContent li {
  width: 92px;
  float: left;
  margin: 5px 10px 0 0;
}
.P-faqMenu a {
  color: #284354;
}
.P-faqMenu a:hover {
  color: #284354;
  background-color: #dcdcdc;
  text-decoration: none;
}
.P-helpSplit {
  color: #cccccc;
  margin: 0 10px 0 2px;
  font-size: 16px;
  vertical-align: baseline;
}
.P-overviewCustomerFilter .commonResultFilterTitle {
  color: #999;
}
.P-overviewCustomerFilter .option {
  display: inline-block;
  margin-right: 20px;
}
.P-overviewCustomerFilter .option i {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -20px -213px;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.P-overviewCustomerFilter .option label {
  vertical-align: middle;
}
.P-overviewCustomerFilter .act i {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
  background-position: -20px -213px;
  width: 12px;
  height: 12px;
}
.P-runninglogEdit .title {
  width: 100%;
}
.P-resourceReport .M-HighGridListCornerTitle td,
.P-resourceReport .M-HighGridListHeaderTitle td {
  min-height: 30px;
}
.P-resourceReport path.line {
  fill: none;
  stroke: #666;
}
.P-resourceReport path.area {
  fill: #dedede;
  stroke: none;
}
.P-resourceReport path.areaOutline {
  fill: none;
  stroke: #666666;
}
.P-resourceReport .overlay {
  fill: none;
  pointer-events: all;
}
.P-resourceReport .rate {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 2px 3px;
}
.P-resourceReport .rightContainer {
  height: 24px;
  line-height: 20px;
  position: absolute;
  right: 10px;
  top: 0px;
}
.P-resourceReport .rightContainer .last {
  line-height: 20px;
}
.P-resourceReport .rightContainer .colGraph {
  height: 2px;
  float: right;
  max-width: 1000%;
  background-color: #000;
}
.P-resourceDetail .M-dialogBody {
  padding: 10px 20px 30px 20px;
}
.P-resourceDetail .chart {
  font-weight: 400;
}
.P-resourceDetail .chart .axis path,
.P-resourceDetail .chart .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.P-resourceDetail .chart .line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}
.P-resourceDetail .chart .green {
  stroke: green;
}
.P-resourceDetail .chart .red {
  stroke: red;
}
.P-resourceDetail .chart rect.overlay {
  fill: none;
  pointer-events: all;
}
.P-resourceDetail .chart .focus {
  fill: #fff;
}
.P-resourceDetail .chart .focus circle {
  fill: none;
  stroke: #333;
  stroke-width: 2px;
}
.P-resourceDetail .chart .focus text {
  fill: #fff;
  border: 1px solid #000;
}
.P-resourceDetail .chart .focus .tip {
  fill: #fff;
  stroke: #333;
}
.P-resourceDetail .chart .focus .tip text {
  color: #000;
}
.P-resourceReportDetail {
  min-height: 300px;
}
.P-metricsSelect {
  position: relative;
  text-align: left;
  line-height: 24px;
}
.P-metricsSelect div.label {
  cursor: pointer;
}
.P-metricsSelect div.label span {
  color: red;
}
.P-metricsSelect div.label span:first-child {
  color: #008000;
}
.P-metricsSelect .red {
  color: red;
}
.P-metricsSelect .green {
  color: #008000;
}
.P-metricsSelect strong.toggle {
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.P-metricsSelect .popwin {
  position: absolute;
  z-index: 10;
  border: 1px solid #ccc;
  padding: 10px;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  background-color: #fff;
}
.P-metricsSelect .popwin td {
  min-width: 50px;
  vertical-align: top;
}
.P-metricsSelect .popwin label {
  display: inline-block;
  margin-right: 8px;
}
.P-metricsSelect .popwin label input {
  margin-right: 0;
}
.P-dealClientGrid {
  padding-left: 165px;
  width: 650px;
}
.P-dealCampaignDeal {
  position: relative;
}
.P-dealCampaignDeal .operate {
  height: 60px;
  position: absolute;
  right: 0px;
  top: 16px;
  z-index: 1;
}
.P-deal .DealName {
  min-width: 500px;
}
.P-deal .DealId {
  min-width: 500px;
}
.P-deal .AdxPId {
  min-width: 70%;
  height: 80px;
}
.P-categoryEdit input[type=text] {
  min-width: 250px;
}
.P-categoryEdit textarea {
  min-width: 500px;
}
.P-categoryImportBatch .channelBox {
  width: 800px;
  vertical-align: top;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 15px;
}
.P-AdExchangeWeight .adx {
  display: inline;
  padding-left: 15px;
}
.P-AdExchangeWeight .adx label {
  min-width: 75px;
}
.P-AdExchangeWeight .adx input {
  width: 60px;
}
.P-PtcRadio .container {
  font-size: 14px;
  display: inline;
  padding-left: 15px;
}
.P-PtcRadio .container label {
  min-width: 75px;
}
.P-PtcRadio .container input {
  width: 200px;
}
.P-PtcRadio .container .ptcDropdown {
  padding-left: 80px;
  padding-top: 10px;
}
.P-PtcRadio .container .operate {
  width: 50px;
}
.P-CustomDownloadConditionGrid .box {
  overflow: auto;
}
.P-CustomDownloadConditionGrid .operate {
  float: left;
}
.P-CustomDownloadConditionGrid .values {
  float: left;
  word-break: break-all;
  margin-left: 10px;
  margin-bottom: 10px;
  white-space: normal;
  width: 380px;
}
.product {
  padding-left: 20px;
  padding-top: 20px;
}
.P-userAccessChannel .checkBox {
  display: block;
  margin-top: 10px;
}
.P-adminCustomer .tokenPopwin div label {
  width: 15%;
  text-align: right;
}
.P-adminSmartMonitorAddCondition div.unit {
  width: 20px;
}
.P-adminSmartMonitorAddCondition div.line {
  border-bottom: 1px solid #DDD;
  position: relative;
  top: -15px;
}
.P-adminSmartMonitorAddCondition div.line span {
  position: absolute;
  top: -8px;
  left: 8px;
  background: #FFF;
  color: #999;
}
.P-adminSmartMonitorAddCondition div.item:first-of-type .line {
  display: none;
}
.P-adminSmartMonitorList .icon-view-content {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  background-position: -172px -213px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.P-adminSmartMonitor .Box {
  padding-top: 5px;
  margin-left: -5px;
}
.P-adminSmartMonitor .Box .userLabel {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 10px;
  margin: 2px 6px;
  background: #E7E7E7;
}
.P-adminSmartMonitor .Box .userLabel .close {
  top: 3px;
  right: -4px;
  position: relative;
  font-size: 16px;
  cursor: pointer;
}
.P-financeAuditEdit .M-commonInput > input {
  width: 360px;
}
.P-financeAuditEdit textarea {
  width: 360px;
  min-height: 60px;
}
.P-financeAuditEdit .imgpreview {
  max-width: 100px;
  max-height: 100px;
  width: 100px;
}
.P-financeAuditEdit .securityFacotyInput input {
  width: 130px;
  padding: 4px;
}
.P-modUser input {
  width: 75px;
  margin-right: 5px;
  margin-left: 5px;
}
.P-modUserInput {
  width: 150px;
}
.P-modUserEdit label {
  float: left;
  text-align: right;
  width: 15%;
  margin-top: 3px;
}
.P-modUserEdit div {
  margin-top: 10px;
}
.P-modUser .width_112 {
  width: 135px;
}
.P-domainName .M-formConGroup .group-label {
  width: 20%;
}
.P-domainName .M-formConGroup .group-content input {
  width: 220px;
}
.P-domainName .M-formConGroup .group-content .M-uploader input {
  width: 125px;
}
.P-cornerMark label {
  float: left;
  text-align: right;
  width: 30%;
  margin-top: 5px;
}
.P-cornerMarkType input {
  float: left;
  margin-top: 8px;
}
.P-adjustment .M-formConGroup .group-content .gameWidth {
  width: 285px;
}
.P-adjustment .M-formConGroup .group-content .stateRadio input {
  width: 20px;
}
.P-adjustment .M-formCon {
  padding: 10px 50px 45px 10px;
}
.P-adjustment .button {
  margin-left: 75px;
}
.P-adjustment .adjustWidth {
  width: 16%;
}
.P-adjustment .smallTitle {
  font-size: 16px;
}
.P-adjustment .redColor {
  color: red;
}
.labelSave {
  width: 300px;
}
.P-pageTransition .lesserLabel {
  font-size: 16px;
}
.P-pageTransition .pageText {
  width: 500px;
  height: 150px;
}
.P-pageTransition .transition {
  margin-left: 15%;
}
.textArea {
  width: 500px;
  height: 150px;
}
.P-generateData .pl175 {
  padding-left: 175px;
}
.P-transitionHTML .width300 {
  width: 300px;
}
.P-transitionHTML .ml200 {
  margin-left: 200px;
}
.P-transitionHTML .pb50 {
  padding-bottom: 50px;
}
.P-customerDeposit .checkbox {
  margin-right: 3px;
  vertical-align: -2px;
}
.P-customerDeposit .content {
  background: #fff;
  border: 1px solid #ccc;
  padding: 15px;
  width: 700px;
  margin-top: 10px;
}
.P-customerDeposit .content input {
  width: 250px;
}
.P-customerDeposit .content .warn {
  margin-left: 74px;
}
.P-creativeAudit .M-tipContent {
  background: #eeeeee url(../images/stripe_bg.png) repeat center center;
}
.P-creativeAudit .ptxContent {
  background: #fff;
  padding: 10px;
}
.P-creativeAudit .ptxContent .ptxContentLabel {
  vertical-align: top;
}
.auditCreative-aptitudeInfo {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.auditCreative-aptitudeInfo tr,
.auditCreative-aptitudeInfo td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.auditCreative-aptitudeInfo td {
  white-space: nowrap;
  text-align: center;
  padding: 2px;
}
.P-GridChangeButton {
  position: absolute;
  right: 0px;
}
.P-DiagnosisOneKeyTimeSet .box {
  overflow: auto;
}
.P-DiagnosisOneKeyTimeSet .name {
  float: left;
  min-width: 50px;
}
.P-DiagnosisOneKeyTimeSet .hour {
  float: left;
  word-break: break-all;
  margin-left: 30px;
  margin-bottom: 15px;
  white-space: normal;
  width: 156px;
}
.P-DiagnosisOneKeyStatus .status {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.P-PlanSubGrid {
  height: 50px;
}
.P-PlanSubGrid .status {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.P-PlanSubGrid .icon-edit {
  background-position: -194px -42px;
  width: 18px;
  height: 14px;
}
.P-PlanSubGrid .icon-edit:hover {
  background-image: url("../images/icons_act.png?0805");
  background-repeat: no-repeat;
  background-position: -194px -42px;
  width: 18px;
  height: 14px;
  cursor: pointer;
}
.P-MaterialGroupEdit {
  padding-left: 15%;
}
.P-MaterialGroupIcon i {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.P-MaterialGroupIcon .Tclose {
  position: relative;
}
.P-MaterialGroupIconAdd {
  font-size: 25px;
  position: absolute;
  display: inline-block;
  bottom: 48px;
  right: 20px;
}
.P-MaterialGroupTable tbody {
  background: #fff;
}
.P-MaterialGroupTable tbody tr td {
  height: 135px;
  padding: 20px;
  position: relative;
}
.P-MaterialGroupTable .Sweety .thumb {
  position: relative;
}
.P-MaterialGroupTable .Sweety .thumb .close {
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 20px;
  color: #ccc;
}
.P-MaterialGroupTable .Sweety .thumb .close:hover {
  color: #aaa;
}
.P-MaterialGroupTable .Sweety .name {
  font-size: 14px;
  font-weight: bold;
  color: #777;
  line-height: 25px;
}
.P-MaterialGroupTable .Border {
  border-top-color: grey;
  border-top-style: dashed;
  border-top-width: 1px;
  padding-top: 20px;
  margin-top: 20px;
}
.P-MaterialGroupTable .IsTemplate {
  border-color: blue;
  border-style: dotted;
  border-width: 2px;
}
.P-setPromoteGroupBudget {
  display: inline-block;
  width: 225px;
  text-align: right;
}
.P-newFrequency {
  height: 35px;
  margin-top: 10px;
}
.P-newFrequencyFre {
  float: left;
}
.P-newFrequency .delete {
  height: 35px;
  display: inline-block;
  line-height: 28px;
}
.P-brand-blacklist .status {
  background-image: url("../images/icons.png?0805");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.P-brand-blacklist .status-running {
  background-position: -172px -184px;
  width: 20px;
  height: 20px;
}
.P-brand-blacklist .status-close {
  background-position: -172px -44px;
  width: 20px;
  height: 20px;
}
.P-brand-blacklist .status-deleted {
  background-position: -172px -144px;
  width: 20px;
  height: 20px;
}
.P-brandMain .panel-title {
  background: #fff;
  margin: 0 10px;
  padding: 10px 0;
}
.P-brandMain .panel-title .title {
  line-height: 30px;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
}
.P-brandMain .financePanel {
  height: 138px;
}
.P-brandMain .financePanel ul {
  padding: 0 10px;
}
.P-brandMain .financePanel ul li {
  float: left;
}
.P-brandMain .financePanel ul li .name {
  margin-bottom: 5px;
  font-size: 13px;
  color: #aaa;
}
.P-brandMain .financePanel ul li .number span:first-child {
  font-size: 20px;
  margin-right: 2px;
}
.P-brandMain .financePanel ul li .unit {
  margin-left: 4px;
}
.P-brandMain .shortcutPanel {
  height: 138px;
}
.P-brandMain .shortcutPanel ul li {
  float: left;
  text-align: center;
}
.P-brandMain .shortcutPanel ul li i {
  display: block;
  font-size: 30px;
  margin-bottom: 5px;
}
.P-brandMain .shortcutPanel ul li a {
  font-size: 13px;
  margin-top: 0px;
}
.P-brandMain .chartPanel .panel-title {
  padding-bottom: 0px;
}
.P-brandMain .chartPanel div.title {
  display: inline-block;
  cursor: pointer;
  padding: 0 15px;
  padding-bottom: 5px;
  margin-right: 20px;
}
.P-brandMain .chartPanel div.title.act {
  border-bottom: 3px solid #1F5AA3;
}
.P-advertiserListInfoHead .name {
  font-size: 18px;
}
.P-advertiserListInfoHead .name i {
  color: #aaa;
  cursor: pointer;
}
.P-advertiserListInfoHead .detail li {
  float: left;
  min-width: 150px;
}
.P-advertiserListInfoHead .detail li div:first-child {
  color: #aaa;
}
.P-advertiserListInfoHead .detail li .content {
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}
.P-advertiserListInfoPopAptitude .aptitudeImg {
  width: 54px;
  height: 54px;
  padding: 4px;
  line-height: 54px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: none;
  cursor: pointer;
}
.P-advertiserListInfoPopAptitude .aptitudeImg img {
  width: 100%;
  height: 100%;
}
.P-advertiserListInfoPopStatus .statusTab li {
  font-size: 14px;
  text-align: center;
}
.P-advertiserListInfoPopStatus .statusTab li a {
  margin: 0px;
  padding: 8px 40px;
  border: none;
  border-bottom: 2px solid transparent;
}
.P-advertiserListInfoPopStatus .statusTab .active a {
  border-bottom-color: #1F5AA3;
}
.P-advertiserListInfoPopStatus .statusIcon {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
.P-advertiserListInfoPopStatus .statusText {
  vertical-align: middle;
}
.P-reportEditType .timeLabel {
  width: auto;
  min-width: 50px;
  display: inline;
  text-align: right;
}
.P-reportEditType .M-dateResultInput {
  border-color: #ccc !important;
}
